[英]ajax loaded content event triggered multiple times
我有一个div,其中有一个段落和一个像这样的按钮:
<div id="my_div">
<p>This is a paragraph</p>
<button class="my_btn">Click here!</a>
</div>
div中的内容是通过Ajax加载的。 现在,我们在页面的标题中输入以下内容来测试按钮:
$(function(){
$(document).on('click', '.my_btn', function(){
alert('my button works!');
});
});
我遇到的问题是,每次使用段落和按钮将内容加载到div中时,当我单击按钮时,都会收到相同时间的警报(“我的按钮有效!”),这意味着内容被加载了100次,我得到了100次警报,您知道如何解决此问题以及为什么会这样吗?
谢谢
这有点hack,但应该可以
$(function(){
$(document)
.off()
.on( 'click', '.my_btn', function(){
alert('my button works!');
});
});
您可以发布ajax调用以及如何加载div以获得更详细的说明。
就是说,这里有一些示例代码似乎运行良好。 在这里摆弄
<div id='data' style='display:none;'>
<p>This is a paragraph</p>
<button class="my_btn">Click here!</a></div>
<div id='target'></div>
<button class='load'>this load works</button>
$(document).ready(function() {
$(document).on('click', '.my_btn', function(){
alert('my button works!');
});
$('.load').click(function() {
$('#target').html($('#data').html());
});
});
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.