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

我已经使用append添加了HTML代码,但是这个新代码不再执行javascript,javascript,jquery,html,ajax,Javascript,Jquery,Html,Ajax,使用Ajax插入代码后,此代码不会运行它应该查询的javascript,因为它与页面中已经编写的代码相同 我正在尝试加载一个页面,并使用Ajax(工作)更新数据库。 我有一个按钮,可以向页面添加新行(工作),以便向表中添加更多数据 问题是新的“附加”代码并不像编写的代码那样执行ajax 这段代码是在我加载页面时编写的 1q33 这是我使用.append添加的新代码 二, 这是在初始代码上触发的javascript,但对于附加的 $(':input[class=html5]')。更改(函数(){

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

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

这段代码是在我加载页面时编写的 1q33

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


这是在初始代码上触发的javascript,但对于附加的 $(':input[class=html5]')。更改(函数(){})

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

您可以按如下方式使用:

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

您应该在方法上使用三参数版本的
,它也将应用于以后添加到文档中的HTML

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

对于动态添加的元素上的触发器环境,您需要在首次加载页面时引用存在的父元素

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

});

这是在初始代码上触发的javascript,但它不适用于.appended one$(':input[class=html5]').change(function(){});我不知道最初的代码是如何工作的,因为共享代码显示
td
元素,您可以查询
:input
以获得更改处理程序。。