jquery mouseover / mouseout问题

Question

我有一个包含元素列表的页面，这些元素(项)是动态绘制的，因此是live。当用户翻阅某一项时，我希望他们切换到一个"on“类，然后当他们滚动(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元素中移出，在延迟创建.item_on元素之前。

另外，我认为您需要的是什么，而不是一个可能不会触发活动事件处理程序的延迟切换类，而是尝试使用http://cherne.net/brian/resources/jquery.hoverIntent.html，并使用上面的addClass / removeClass。