2009-11-02 50 views
3

我有一个页面显示元素列表(项目) - 这是动态绘制,因此。当用户滑过一个项目时,我希望他们切换到“开启”的类,然后当它们滚降(鼠标移出)时项目恢复正常。这些项目打开下面的代码行,但不要关闭。建议?jquery mouseover/mouseout问题

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

谢谢!

回答

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

而且,我认为,对于switchClass工作,你需要包括jQuery的后jQuery UI的,但你的脚本之前,有什么可以发生的是鼠标走出去.item元素,之前。 item_on元素由延迟创建。

此外,我认为你在找什么,而不是延迟switchclass,可能不会触发活动事件处理程序,尝试使用http://cherne.net/brian/resources/jquery.hoverIntent.html而不是上述addClass/removeClass。

+0

添加和删除类效果很好。谢谢。 – slawder