Javascript 未在加载的html上激发jQuery事件

Javascript 未在加载的html上激发jQuery事件,javascript,html,jquery,Javascript,Html,Jquery,获取了一个html页面,其中包含经常更改的部分。该部分由页面上的脚本读取: <script> console.log('In HTML'); fetch('changes/changes.html') .then(data => data.text()) .then(html => document.getElementById('changes').innerHTML = html); </script> 单击事件从未触发。日志顺序

获取了一个html页面,其中包含经常更改的部分。该部分由页面上的脚本读取:

<script>
  console.log('In HTML');
  fetch('changes/changes.html')
    .then(data => data.text())
    .then(html => document.getElementById('changes').innerHTML = html);
</script>
单击事件从未触发。日志顺序是:在HTML中,在脚本中。 谢谢你的帮助! 杰拉德试试这个

$('body').on('click','.change-btn-action', function () {
     console.log('Click event');
});
试试这个

$('body').on('click','.change-btn-action', function () {
     console.log('Click event');
});

在页面中动态元素的主体标记或父元素上附加事件处理程序,并将动态元素作为选择器传递

 $('body').on('click', '.change-card > .change-btn-action', function () {
     console.log('Click event');
 });
 // or
 $('#changes').on('click', '.change-card > .change-btn-action', function () {
     console.log('Click event');
 });

在页面中动态元素的主体标记或父元素上附加事件处理程序,并将动态元素作为选择器传递

 $('body').on('click', '.change-card > .change-btn-action', function () {
     console.log('Click event');
 });
 // or
 $('#changes').on('click', '.change-card > .change-btn-action', function () {
     console.log('Click event');
 });

.change btn操作是否来自提取html?你看到console.log(“在脚本中”)了吗?请将你的HTML发布到是。更改btn操作来自获取HTML。我确实看到了“在脚本中”这是否回答了你的问题?
.change btn操作是否来自提取html?你看到console.log(“在脚本中”)了吗?请将你的HTML发布到是。更改btn操作来自获取HTML。我确实看到了“在脚本中”这是否回答了你的问题?