我已经使用append添加了HTML代码，但是此新代码不再执行javascript

2024-05-02 • 问答

使用Ajax插入代码后，此代码不会运行应查询的javascript，因为它与页面中已编写的代码相同

我正在尝试加载页面，并使用Ajax更新数据库（正在运行）。我有一个向页面添加新行（工作中）的按钮，以便向表中添加更多数据问题是新的“附加”代码不像编写的代码那样执行ajax！

此代码是在我加载页面时编写的

＆nbsp; 1q33

这是我使用.append添加的新代码

＆nbsp; 2

这是在初始代码上触发的javascript，但不适用于.appended代码 $（'：input [class = html5]'）。change（function（）{}）;

我希望我使用.append编写的几乎相同的代码与加载页面时编写的代码相似。

您可以按以下方式使用：

$(':input[class=html5]').on("change",function () { });

您应该使用on方法的三个参数版本，它也将应用于稍后添加到文档中的HTML

$(document).on('change',':input[class=html5]',function () { 
    //...
});

您需要引用首次加载页面时存在的父元素，以便在动态添加的元素上触发触发器

$('body').on('change',function() {

});