javascript - jquery 点击 li 到下拉列表不起作用

Question

我想要的是在点击li时下拉列表。

但是，由于某些原因，它无法正常工作。

jquery代码

$document.read(function(){


        var mainnav = $('#main-nav'),
            openActive = mainnav.is ('.open-active'),
            navActive = mainnav.find ('> .active');

        mainnav.find ('> .dropdown > a').bind ('click', navClick);

        if (openActive && navActive.is ('.dropdown')) {
            navActive.addClass ('opened').find ('.sub-nav').show ();
        }


    function navClick (e) {
        e.preventDefault ();

        var li = $(this).parents ('li');

        if (li.is ('.opened')) {
            closeAll ();
        } else {
            closeAll ();
            li.addClass ('opened').find ('.sub-nav').slideDown ();
        }
    }

    function closeAll () {
        $('.sub-nav').slideUp ().parents ('li').removeClass ('opened');
    }


});

如您所见，我已经将正确的操作绑定(bind)到 a 标签

请告诉我我的代码有什么问题没有给我一个全新的代码，我不是在寻求一个新的解决方案，我是在问我的错误是什么

感谢您的帮助、时间和努力。

Answer 1

请更正您代码中的 document ready...$(document).ready只需替换这个

$document.read

与

$(document).ready