jQuery toggle（）並不總是觸發

Question

我一直在進行一些基本的移動導航，並且正在使用click事件來顯示/隱藏菜單。

簡化的代碼示例：

        jQuery('.menu-button').click(function(){
            jQuery('.header-nav').toggle();
            console.log('clicked');
        });

我已經在移動設備上進行了遠程調試，console.log始終可以正常工作，但是.header-nav toggle()似乎不會隨機觸發-我無法找到模式，但它始終保留在DOM中（它應該），因此將其以某種方式刪除並不是它不觸發的原因。

有任何想法嗎？

Answer 1

感謝Kevin B的評論，單擊事件似乎多次觸發。 為了解決這個問題，使用了以下方法：

$(element).off().on('click', function() {
    // function body
});