我有一個名爲#footer
的div,當用戶將鼠標懸停在它上面時,使用jQuery將其邊距動畫化。 #footer
內部是一個div
,被稱爲#toggle
,點擊後可以使頁腳再次回落。刪除懸停事件的點擊,然後再綁定它
當點擊#toggle
和#footer
有動畫回落,如果我將它再次觸發懸停鼠標,即使鼠標不超過#footer
了它所有的工作只是罰款。這讓我瘋狂!
這裏是jQuery的:
$('#footer').hover(function(){
$(this).stop(true, true).animate({"margin-bottom": "0px"}, "slow");
$('#toggle').addClass('expanded');
});
$('#toggle').click(function(){
$('#footer').stop(true, true).animate({"margin-bottom": "-120px"}, "slow");
$(this).removeClass('expanded');
});
我需要什麼,我認爲是要解除綁定懸停事件時,它的完成,並重新綁定它被點擊#toggle
時。也許?但我無法弄清楚如何使它工作。
使用'mouseenter'事件而不是'hover'。 http://api.jquery.com/mouseenter/ – Stefan 2012-02-29 11:25:33
太簡單了。謝謝! – 2012-02-29 11:28:58
接受,因爲你先修好了,大約一分鐘!再次感謝。 – 2012-02-29 13:25:19