JQuery并不适用于动态关闭按钮

JQuery doesn't apply to dynamic close button

本文关键字：动态 关闭按钮 适用于 不适用 JQuery      更新时间：2023-09-26

所以我有一个'skills'的表，输入查找一个数组来检查它是否可以添加到当前的技能数组中，以显示在表中。

每一行都有一个删除按钮，但是添加新行到表中-删除按钮似乎不起作用。

这是我使用的JSFiddle: https://jsfiddle.net/hyc61qtx/

这是我目前如何删除表行:

$('.remove-skill').on('click', function() {
    var $kill = $(this).parent('td').parent('tr');
    $kill.addClass('danger');
    $kill.fadeOut(1250, function() {
        $(this).remove();
    });
});

您将获得现在在页面上显示的所有元素，并订阅它们的单击事件，但它不会影响以后添加的元素。您需要订阅按目标筛选的文档。

这个应该可以工作:

$(document).on('click', '.remove-skill', function() {
    var $kill = $(this).parent('td').parent('tr');
    $kill.addClass('danger');
    $kill.fadeOut(1250, function() {
        $(this).remove();
    });
});
相关文章：