Javascript 未在加载的html上激发jQuery事件
获取了一个html页面,其中包含经常更改的部分。该部分由页面上的脚本读取: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> 单击事件从未触发。日志顺序
<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。我确实看到了“在脚本中”这是否回答了你的问题?