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";

предупреждение (1);

Answer 3

Идентификаторы элементов должны быть уникальными. Ваш stament «Причина я использую .live(), потому что ули # более-элементы будут readded на странице несколько раз ..» говорит мне, что вы будете иметь несколько из них:

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

Это быть недопустимым HTML, поскольку идентификаторы больше элементов существуют дважды.

Answer 4

Ваш код работает для меня. Какую версию jquery вы используете? Вы определяете javascript в функции $ (document) .ready?

Answer 5

Метод jQuery's 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); 
});