Не работает выборка в JQuery! - есть ответ

shepherd.dima, 161 просмотр

Есть некоторый код который при нажатии на ссылку вставляется

var $html = '<tr class="property"><td><a href="#" class="close"><i class="icon-remove"></i></a></td></tr>';

$('#addProperty').on('click', function(e) {
e.preventDefault();
$(this).prev('table').append($html);
});

Потом при нажатии на .close она должна удалиться, но не работает

$('.property .close').on('click', function(e) {
e.preventDefault();
$(this).parents('.property').remove();
})

Ответы:

index0h

JS - асинхронный, убедитесь в том, что закрытие происходит 100% после создания элемента.

Nargus

Да, как ни странно, но .on() не заменил .live() еще. Хотя, может он как-то хитро должен применяться.
Для решения данной проблемы можно во втором клике использовать .live() вместо .on()
Либо переместить вторую часть ($('.property .close').on('click')) в первую в конец. Вероятно, такова и логика .on(). Объект создался и к нему приаттачился ивент.

Равшан

var $html = '<tr class="property"><td><a href="#" class="close"><i class="icon-remove"></i></a></td></tr>';

12 лет назад

RPI.su - самая большая русскоязычная база вопросов и ответов. Наш проект был реализован как продолжение популярного сервиса otvety.google.ru, который был закрыт и удален 30 апреля 2015 года. Мы решили воскресить полезный сервис Ответы Гугл, чтобы любой человек смог публично узнать ответ на свой вопрос у интернет сообщества.

Все вопросы, добавленные на сайт ответов Google, мы скопировали и сохранили здесь. Имена старых пользователей также отображены в том виде, в котором они существовали ранее. Только нужно заново пройти регистрацию, чтобы иметь возможность задавать вопросы, или отвечать другим.

Чтобы связаться с нами по любому вопросу О САЙТЕ (реклама, сотрудничество, отзыв о сервисе), пишите на почту [email protected]. Только все общие вопросы размещайте на сайте, на них ответ по почте не предоставляется.