我真的不知道如何正确地解释这一点，但是我正在学习如何使用AJAX，尽管我已经弄清楚了，但我遇到了一个问题，即JQuery无法引用对按钮的调用在DIV结束时重新生成。重新生成此按钮的原因是因为它位于替换内容的div内。（在这种情况下，这是视频循环）。
我已经安装了一个显示我的问题的JSFiddle。
我的javascript文件已加载到我的身体底部，如下所示：
<html>
<head>
...
</head>
<body>
...
<script src="..."></script>
</body>
</html>
var i = 0;
$('#bar').on('click', function() {
i++;
$('#foo').html('<button id="bar">Test button: ' + i + '</button>');
});<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<div id="foo">
<button id="bar">Test button: 0</button>
</div>由于您是使用jQuery动态生成HTML的，因此请尝试使用事件委托：-
var i = 0;
$('#foo').on('click', '#bar' ,function() {
i++;
$('#foo').html('<button id="bar">Test button: ' + i + '</button>');
});
或者
var i = 0;
$(document.body).on('click', '#bar' ,function() {
i++;
$('#foo').html('<button id="bar">Test button: ' + i + '</button>');
});
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句