Ajax請求后下拉菜單中斷

Question

我有一個下拉菜單導航欄，它使用jquery進行下拉，如下所示：

$(document).ready(function () { 
    $('#nav li').hover(
        function () {
            $('ul', this).stop().slideDown(100);

        }, 
        function () {
            $('ul', this).stop().slideUp(100);          
        }
    );
});

在同一頁面上，當我發出ajax請求時，菜單停止“下拉”，是否有更好的方法來實現此下拉菜單？ 我是jquery的新手，所以現在迷路了。 我嘗試使用.delegate，但這根本不起作用。

Answer 1

根據您的評論-我猜您正在替換AJAX完整文件中包含ul的內容區域。 在這種情況下，可以取消設置事件綁定，並且delegate 應該起作用。 我在使用PJAX網站中經常使用相同的東西

嘗試：

$(document).delegate('#nav ul', 'hover', function () {
    $(this).stop().slideToggle(100);
});

Answer 2

嘗試這個：

$(document).ready(function () { 
    $('#nav li').on({
        mousenter: function () {
            $('ul', this).stop().slideDown(100);

        }, 
        mouseleave: function () {
            $('ul', this).stop().slideUp(100);          
        }
    );
});