我正在尝试刷新我的 php 页面的一部分,而不使用函数 load() 重新加载整个页面。 这个问题之前已经被问过,我已经尝试了我找到的所有解决方案。
我第一次点击我的 <a class="remove" href="...>
时效果很好但它会在第二次单击时重新加载整个页面,依此类推...
这是我在这里发表的第一篇文章,但我希望我的解释很清楚。这是js:
$( document ).ready(function() {
$(".remove").on('click', function(event){
var url = $(this).attr('href') ;
event.preventDefault();
$('#containerWrapper').load(url + " #containerWrapper");
});
});
提前谢谢您!
最佳答案
您的代码将重新加载整个页面,因为 .remove
元素是 #containerWrapper
的子元素。您需要将事件委托(delegate)到该级别,否则所有绑定(bind)的事件都会丢失:
$(document).ready(function () {
$('#containerWrapper').on('click', ".remove", function (event) {
var url = this.href;
event.preventDefault();
$('#containerWrapper').load(url + " #containerWrapper");
});
});
关于jQuery 函数 load 重新加载整个页面,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27675774/