Question

我有一个包含元素列表显示（项目）的页面 - 这是动态绘制的，因此实时。当用户翻阅某个项目时，我希望他们切换到“打开”的类，然后当它们滚动（mouseout）时，该项目将恢复正常。这些项目使用下面的代码行打开，但不要关闭。建议？

$('.item').live('mouseover', function(){$(this).switchClass('item','item_on', 500);});
$('.item_on').live('mouseout', function(){$(this).switchClass('item_on','item', 500);});

谢谢！

Answer 1

$('.item').live('mouseover',
function(){$(this).addClass('item_on');});
$('.item').live('mouseout',
function(){$(this).removeClass('item_on');});

另外，我认为要使switchClass工作，你需要在jquery之后包含jQuery UI，但是在你的脚本之前，可能发生的事情是在创建.item_on元素之前鼠标离开.item元素由延迟。

此外，我认为您正在寻找的是，而不是可能不会触发实时事件处理程序的延迟切换类，请尝试使用http://cherne.net/brian/resources/jquery.hoverIntent.html代替上述addClass / removeClass。

jquery mouseover / mouseout问题

1 个答案: