jQuery - 似乎無法將.live（）綁定到標籤元素。爲什麼？

Question

這裏是我的代碼：

HTML：

<ul id="more-items"> 
    <li><label class="button">hi</label></li> 
    <li><label class="button">hi</label></li> 
    <li><label class="button">hi</label></li> 
</ul> 

的Javascript：

$('ul#more-items label.button').live('click', function() 
{ 
    alert(1); 
}); 

點擊標籤不會引起警報（）開火。 .live（）綁定似乎對標籤元素沒有任何影響...

如果我將其更改爲使用.click（）或甚至.bind（），則它可以很好地工作。 .live（）不工作有什麼原因嗎？有沒有辦法來解決這個問題？

我使用.live（）的原因是因爲ul#more-items將被多次讀入頁面，我不想在每次發生重新綁定點擊時都必須觸發一個函數。

Answer 1

嘗試

$('label.button').live('click', function() 
{ 
    alert(1); 
}); 

或

$('ul#more-items').delegate('label.button','click', function() 
{ 
    alert(1); 
}); 

Answer 2

似乎不錯，但你的警告，應警惕（ 「1」）;

或：

var 1 =「1」;

alert（1）;

Answer 3

元素ID必須是唯一的。你stament「我使用.live（的原因）是因爲UL＃更項目將被重新添加到頁面多次。」告訴我，你就會有這些多：

<ul id="more-items"> 
    <!--Stuff--> 
</ul> 
<ul id="more-items"> 
    <!--Stuff--> 
</ul> 

這無效的HTML作爲ID more-items存在兩次。

Answer 4

你的代碼適合我。你使用的是哪個版本的jquery？你在$（document）.ready函數中定義了javascript嗎？

Answer 5

jQuery的live()方法依賴於事件冒泡（一直到根節點）工作。

如果有任何代碼可以阻止事件在label或其任何祖先上冒泡，live()將不起作用。

label或其祖先之一的任何機會有以下任一處理程序？

return false; 

或

event.stopPropagation(); 

如果是這樣，live()將失敗。

---

相關jQuery的文檔：

• .live() - http://api.jquery.com/live/
• .stopPropagation() - http://api.jquery.com/event.stopPropagation/

Answer 6

你可以試試這個。它可能工作

變化：

$('ul#more-items label.button').live('click', function() 
{ 
    alert(1); 
}); 

這樣：

$('ul#more-items label.button').unbind('click').live('click', function() 
{ 
    alert(1); 
});