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