jQuery-简单鼠标悬停函数帮助
我有以下HTML: img class="hoverContact" img class="hoverContact" img class="hoverContact" img class=“悬停联系人” img class=“悬停联系人” img class=“悬停联系人” 以及以下Jquery: function highlightContact(ev) { $(this).addClass('lightblue'); } $('.hoverContact').mouseover(function(){ highlightContact(); }); 功能指示灯触点(ev){ $(this.addClass('lightblue'); } $('.hoverContact').mouseover(函数(){ highlightContact(); });jQuery-简单鼠标悬停函数帮助,jquery,javascript-events,Jquery,Javascript Events,我有以下HTML: img class="hoverContact" img class="hoverContact" img class="hoverContact" img class=“悬停联系人” img class=“悬停联系人” img class=“悬停联系人” 以及以下Jquery: function highlightContact(ev) { $(this).addClass('lightblue'); } $('.hov
有什么建议吗?谢谢 当函数没有上下文时,您试图在
highlightContact
内部使用此
。此外,该函数接受一个paramaterev
,但您没有传入它。相反,从鼠标悬停功能传入this
,并在highlightContact功能中引用ev
,而不是this
:
function highlightContact(ev) {
$(ev).addClass('lightblue');
}
$('.hoverContact').mouseover(function(){
highlightContact(this);
});
当函数没有上下文时,您试图在
highlightContact
中使用this
。此外,该函数接受一个paramaterev
,但您没有传入它。相反,从鼠标悬停功能传入this
,并在highlightContact功能中引用ev
,而不是this
:
function highlightContact(ev) {
$(ev).addClass('lightblue');
}
$('.hoverContact').mouseover(function(){
highlightContact(this);
});
使用apply()
方法,使函数中的
引用相关的img标记
function highlightContact(ev) {
$(this).addClass('lightblue');
}
$('.hoverContact').mouseover(function(){
highlightContact.apply(this);
});
或者,如果您根本不需要该ev
,如果您所做的只是添加该类,则可以完全取消函数highlightContact(){…}
,只需使用:
$('.hoverContact').mouseover(function(){
$(this).addClass('lightblue');
});
使用apply()
方法,使函数中的
引用相关的img标记
function highlightContact(ev) {
$(this).addClass('lightblue');
}
$('.hoverContact').mouseover(function(){
highlightContact.apply(this);
});
或者,如果您根本不需要该ev
,如果您所做的只是添加该类,则可以完全取消函数highlightContact(){…}
,只需使用:
$('.hoverContact').mouseover(function(){
$(this).addClass('lightblue');
});
@Thomas…所以我添加了相同的东西在mouseout上删除它…但是如果我想让它留在mouseclick上怎么办?@webwrks不确定我明白你的意思-你想让它在mousein上添加类,在mouseout上删除它,然后,当你点击它时,会将其锁定在打开或关闭状态,以便mousein和mouseout不会影响它?@Thomas…所以我在mouseout上添加了相同的内容来删除它…但是如果我想让它保留在mouseclick上呢?@webwrks不确定我明白你的意思-你想让它在mousein上添加类,在mouseout上删除它,然后,当您单击它时,会将其锁定为打开或关闭,以便mousein和mouseout不会影响它?我之所以将其分离,是因为hoverContact类有多个实例。我之所以将其分离,是因为hoverContact类有多个实例