Если элемент DOM создается динамически на странице и в нем должна быть кнопка/ссылка с функцией, всегда надо добавлять таким элементам addEventListener ?
Строка с текстовым input
, ниже кнопка "+ добавить строку", если добавить строку без addEventListener
(сделал это в 6-й строке $('.row:last a').on('click', removeRow);
) то строку невозможно удалить, так как a.delete
не сработает, на ссылке нет функции removeRow()
.
Всегда надо созданным элементам добавлять функции, которые они запускают? Задаю потому, что где-то мелькнула информация, что при применении "bind/live" вместо "on" этого делать не требуется.
$(function(){
$('#but').on('click', function(){
var row = $('.row:last');
row.clone().insertAfter(row);
//addeventlistener
$('.row:last a').on('click', removeRow);
});
$('.delete').on('click', removeRow);
function removeRow(){
$(this).closest('.row').remove();
}
})
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div class="row">
<input type="text"> <a href="#" class="delete">x</a>
</div>
<input type="button" value="+" id="but">
on
которая уже используется