jQuery没有切换div显示属性

Question

经历了一个我似乎无法过去的非常奇怪的错误。

我的网络控制台中没有语法错误，但我仍然无法使用我的功能。

我只是通过.slideToggle（）来切换div，但它没有注册我的点击事件。

这是我的HTML;

<div id="btnAcc" title="Log In"></div>

    <div id="userMenu">

        // Some Stuff

    </div>

这是我的JS：

// APP BAR

    $('#btnAcc').click(function(){
        $('#userMenu').slideToggle();           
    });

当我发出$（＆＃39;＃userMenu＆＃39;）。slideToggle（）;在我的网络控制台中，div向下滑动。但是当我点击div时，我无法让它工作。

有什么想法吗？

Answer 1

尝试像这样调用事件：

$(document).on('click', '#btnAcc', function() {
    $('#userMenu').slideToggle();
});

您最有可能尝试将事件分配给尚未加载到DOM中的HTML元素。

Answer 2

当jQuery运行时，DOM尚未完全加载。试试这个：

$(document).ready(function() {
    $('#btnAcc').click(function(){
        $('#userMenu').slideToggle();           
    });
});