jquery - jquery mouseover / mouseout 问题

Question

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

$('.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 元素，在延迟创建 .item_on 元素之前.

另外，我认为您正在寻找什么，而不是可能不会触发实时事件处理程序的延迟开关类，而是尝试使用http://cherne.net/brian/resources/jquery.hoverIntent.html与上面的 addClass /删除类。