jQuery 函数 load 重新加载整个页面

Question

我正在尝试刷新我的 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");
});
});

提前谢谢您!

Answer 1

您的代码将重新加载整个页面，因为 .remove 元素是 #containerWrapper 的子元素。您需要将事件委托(delegate)到该级别，否则所有绑定(bind)的事件都会丢失:

$(document).ready(function () {
    $('#containerWrapper').on('click', ".remove", function (event) {
        var url = this.href;
        event.preventDefault();    
        $('#containerWrapper').load(url + " #containerWrapper");
    });
});