2015-05-17 4 views
0

Я использую JQuery для добавления строки таблицы, а в последнем столбце у меня есть гиперссылка для отмены/удаления строки. Но, похоже, мой JQuery не срабатывает, когда я нажал гиперссылку. Здесь мой код:Hyperlink JQuery не запускается

$('input[name=barcode]').change(function() { 
    var newRow = $("<td><a href='#' class='remove'><font color='0404B4'>Cancel</font></a></td>"); 
    $('#tab > tbody > tr').eq(index).after(newRow); 
}); 
$(".remove").click(function() { 
    //delete row 
    alert("b"); 
}); 
+0

Вы должны использовать делегирование событий как элемент вставлен в к DOM после того, как обработчик прикрепленного - HTTP: // апи .jquery.com/on/ – billyonecan

+0

Вы должны делегировать событие: '$ ('# tab'). on ('click', '.remove', function() {...});' –

+0

https: // learn.jquery.com/events/event-delegation/ – qwertymk

ответ

1

Он не запускается, поскольку новый элемент не привязан к событию клика. Вы можете попробовать этот код:

$('#tab').on('click', '.remove', function() { 
    alert('b'); 
}); 

Вы можете получить больше информации здесь jQuery on()

Смежные вопросы