Javascript jQuery未切换div display属性

Javascript jQuery未切换div display属性,javascript,jquery,html,css,Javascript,Jquery,Html,Css,经历了一个非常奇怪的错误,我似乎无法通过 我的web控制台中没有语法错误,但我仍然无法使我的函数正常工作 我只是通过.slideToggle()切换一个div,但它没有注册我的单击事件 这是我的HTML <div id="btnAcc" title="Log In"></div> <div id="userMenu"> // Some Stuff </div> 当我发行$('#userMenu').slide

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

我的web控制台中没有语法错误,但我仍然无法使我的函数正常工作

我只是通过.slideToggle()切换一个div,但它没有注册我的单击事件

这是我的HTML

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

    <div id="userMenu">

        // Some Stuff

    </div>
当我发行$('#userMenu').slideToggle()时;在我的web控制台中,div向下滑动。但当我单击div时,它无法工作


有什么想法吗?

试着这样称呼这个活动:

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

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

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

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

您可以创建一个JSFIDLE.net示例来实现这一点吗?您的userMenu元素是动态添加的吗?我的感觉是您在DOM上存在元素之前附加了事件。请确保代码处于文档就绪事件或html元素定义之后。^如何测试此代码?我把所有东西都包装在一个文档中。readybtw在这段代码中你没有语法错误W,我只是碰巧把我的代码添加到我的上一个})下面;结束括号。谢谢。没问题,很乐意帮忙!
$(document).ready(function() {
    $('#btnAcc').click(function(){
        $('#userMenu').slideToggle();           
    });
});