JQuery - кнопка ничего не сделает?

Я разрабатываю форму поиска с кнопкой, которая добавляет до 4 выпадающих списков State/City в форму. Я пытаюсь добавить кнопку "Удалить" после каждого дополнительного набора состояний/городов, который в конечном итоге должен .remove() родительского div из DOM, но я даже не могу заставить его запускать alert при нажатии. Любые идеи, что я делаю неправильно?

Здесь ссылка на страницу в разработке.

Здесь HTML:

<div id="stuff">
 <div>
 <select>
 <option>State</option>
 </select>
 
 </div>
</div>
<button id="addone">ADD ONE</button>
<button id="printit">OUTPUT</button>

Здесь jQuery:

3 ответа

Поскольку вы добавляете .remove - это динамически, используйте live для привязки события click.

$('.remove-this').live("click", function() {
 alert('hello');
 // Do Something
});


это должно быть:

$('.remove-this').live("click", function() {
 ....

потому что элемент добавлен в DOM, поэтому простой щелчок() не будет делать.


На первый взгляд это похоже на ваш .remove - этот элемент создается динамически. Вам нужно будет использовать либо live, либо делегат, чтобы динамически связывать функцию щелчка.

licensed under cc by-sa 3.0 with attribution.