[英]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.