jquery - li クリックイベントが発生しない

Question

私は次のHTMLを持っています:

<ul id="tags">
<li class="tab1 tabactive">New Arrivals</li>
<li class="tab2" id="hot-home">Best Deals</li>
<li style="border-right: 0;" class="tab3">Today's Sale</li>
</ul>

Firebug で以下を追加しました。

jQuery('#tags li').click(function(){
alert("Hello dreamdu!");
 });

LI をクリックしてもアラートが表示されないのですが、その理由を理解できる人はいますか?

Answer 1

あなたのサイトを見ると、ID を持つ div が要素tagContentの上に重ねられているように見えますtags。コードは問題ありません。必要な要素が実際にクリックできるように CSS を修正するだけです。

Answer 2

You can Refer 

イベントをliにバインドする

Answer 3

私のために働いているこのコードを試してください。あなたのページに入れてみました。

jQuery(document).ready(function($){
$("#con > ul li").click(function(){
 alert("working");
});
});