繁体   English   中英

jQuery .click事件未向类注册

[英]jQuery .click event not registering with class

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

<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 Project环境中。 我在Chrome和Firefox中尝试了我的项目,但两者都不起作用。 我将检查脚本的其余部分。

更新2:

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

对我来说很好, 请检查一下 也许您没有包括jQuery? 或者,您没有将事件侦听器绑定代码包装在准备就绪的文档中,如下所示:

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

您是使用stopPropagation还是在另一个可能阻止click事件发生的其他click事件中返回false?

加载jQuery后是否使用jQuery?

绑定时在DOM中吗? (如果不是,请使用委托而不是单击,否则请在加载后绑定)

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM