javascript - jQuery .click 事件未向类注册

标签 javascript jquery

我正在尝试为类标识的菜单列表按钮注册单击事件,但它似乎没有触发。我的代码如下:

<body>
<!-- jQuery Simple Drop-Down Menu http://javascript-array.com/scripts/jquery_simple_drop_down_menu/# -->
        <div id="dropDownDiv" style="width: 908px; height: 24px; margin: auto auto; background: #324143;">
            <ul id="jsddm">
                <li><a href="#">Item 1</a>
                    <ul>
                        <li><a class="btn myOtherClass" href="#">Button 1</a></li>
                        <li><a class="btn myOtherClass"href="#">Button 2</a></li>
                    </ul>
                </li>
                <li><a href="#">Item 2</a>
                    <ul>
                        <li><a class="btn myOtherClass" href="#">Button 3</a></li>
                        <li><a class="btn myOtherClass" href="#">Button 4</a></li>
                    </ul>
                </li>
            </ul>
        </div>

</body>

在我的脚本中,我有以下内容:

/* Register the click event for menu buttons */
$('.btn').click(function () { 
    alert("You clicked a button"); 
  });

警报永远不会触发,我不知道为什么,感谢任何帮助。

更新:

链接中的代码对我有用,但不确定为什么它在我的项目中不起作用。我处于启用了 Java 资源的 Eclipse PHP 项目环境中。我在 Chrome 和 Firefox 中尝试了我的项目,但都不起作用。我会检查脚本的其余部分。

更新2:

看起来 Shef 关于包装在 .ready 函数中的建议成功了。我仍然不明白为什么它需要它才能工作,“c=smiles”的链接没有它就可以工作。

最佳答案

对我来说效果很好,check it out 。也许你没有包含 jQuery?或者,您没有将事件监听器绑定(bind)代码包装在准备好的文档中,如下所示:

$(document).ready(function(){
    $('.btn').click(function () { 
        alert("You clicked a button"); 
    });
});

关于javascript - jQuery .click 事件未向类注册,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/6390314/

相关文章:

javascript - AngularJS 工作 ScrollMagic

javascript - 是否可以要求一组已定义字段中的至少一个字段?

未在部分 View 上定义 Javascript 函数

javascript - 嵌入式推文有时会在不同的浏览器上失去边界

jquery - 在 jQuery 中扩展原型(prototype)时如何保持对 this 关键字的控制?

javascript - Jquery/Ajax 通过 ID 更新 Span 或 Div 而无需刷新页面

javascript - 为什么在下拉列表中加载组件时不会触发 ngmodelChange 事件?

javascript - Codebird.js 和回复推文

javascript - $.when.apply 在 Angular AJAX promise 实现中?

javascript - 滑动 div 导致网页超出我的页脚