jQuery-简单的鼠标悬停功能帮助

如何解决jQuery-简单的鼠标悬停功能帮助

| 我有以下HTML：     img class = \“ hoverContact \”     img class = \“ hoverContact \”     img class = \“ hoverContact \” 和下面的jQuery：     函数HighlightContact（ev）{         $（this）.addClass（\'lightblue \'）;     }     $（\'。hoverContact \'）。mouSEOver（function（）{         highlightContact（）;     }）; 有什么建议么？谢谢！     

解决方法

        当函数没有上下文时，您尝试在

highlightContact

中使用

this

。另外，该函数接受参数

ev

，但您没有传递它。相反，从mouseover函数中传递

this

并在HighlightContact函数中引用

ev

而不是

this

：

function highlightContact(ev) {
        $(ev).addClass(\'lightblue\');  
    }

    $(\'.hoverContact\').mouseover(function(){
        highlightContact(this);
    });

    ,        使用

apply()

方法，以便

highlightContrast()

函数中的

this

引用相关的img标签。

function highlightContact(ev) {
    $(this).addClass(\'lightblue\');  
}

$(\'.hoverContact\').mouseover(function(){
    highlightContact.apply(this);
});

另外，如果您根本不需要

ev

-如果您所要做的只是添加该类，则可以完全摆脱ѭ12and，而只需使用：

$(\'.hoverContact\').mouseover(function(){
    $(this).addClass(\'lightblue\');
});