2013-01-16 283 views
1

我有以下HTML:李Click事件不觸發

<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!"); 
}); 

當我點擊警報沒有顯示李,誰能幫助我理解爲什麼?

+3

正常工作對我來說:http://jsfiddle.net/6qGjL/ –

+0

它太werid,但在我的網站,它不能work.when我將其更改爲鼠標懸停。 – learn116

+0

對我來說工作正常http://jsbin.com/otidem/2/watch –

回答

4

在您的網站上看起來,ID爲tagContent的div顯示在您的tags元素的頂部。你的代碼很好,你只需要修復你的CSS,以便你可以真正點擊你想要的元素。

+0

css塊點擊事件如何?只是一個普遍的知識問題.. –

+0

@NaveedButt我不認爲它可以,但我的意思是有一個元素位於元素的頂部與點擊事件。所以當你點擊時,你實際上是點擊頂部的元素,而不是點擊事件下面的那個元素。 [我在這裏做了一個例子](http://jsfiddle.net/ak913vv9/),但是通常你可以用'z-index'或者用各種元素的'position'來解決分層問題。 –

0

試試這個代碼,它是爲我工作。我試圖將其放入你的頁面。在鉻

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