jQuery - 功能仍然運行在課後刪除元素

Question

我已經有一些代碼，根據窗口大小在切換菜單和下拉菜單之間切換。它可以工作，但只能在ul.dropdown上運行的函數也會在ul.toggle上運行。

調整面板的大小以切換兩個菜單狀態。當處於切換模式時，子級別是上升和下降，它們不應該是。

http://jsfiddle.net/agileapricot/C8ZRC/

Answer 1

請使用var aaDropdown = jQuery(".dropdown li").has("ul"); // Cache dropdowns 代替var aaDropdown = jQuery("ul.dropdown li").has("ul"); // Cache dropdowns

，使你的代碼的的jsfiddle和放置鏈接在這裏會得到你更好的反應。

Answer 2

當頁面加載時，懸停事件附加到aaDropdown元素。稍後，您將刪除與選擇器匹配的類，但不要刪除附加的懸停事件。這會導致綁定懸停仍然被解僱。

的避免這種情況，或者：

1. 拆下並重新安裝在aaMenuMode 功能懸停監聽器，或：）
2. 使用生活（動態評估您的選擇匹配（優選的）元件

Answer 3

您也可以使用.unbind()方法 http://api.jquery.com/unbind/