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);          
        }
    );
});

在ajax请求后下拉菜单中断

2 个答案: