2009-11-02 46 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