javascript - 运行 AJAX 调用后，jquery 代码不执行

Question

我有一个使用分页的网站，以及一些使用 jQuery 和 AJAX 过滤的网站。在我将链接更改为 Javascript 链接之前，一切正常。

在主页上并且没有使用任何过滤或分页，所有工作都按预期工作。在我使用分页或过滤（有效地对两者都使用 AJAX 调用）后，我的 JavaScript 链接不再起作用。

链接的 JavaScript 是：

$(function(){
    $( ".artikel_box_lk .button" ).click(function( e ) {
        window.open( "/lk/" + $( this ).attr("rel"), "_blank");
    });
});

以及分页代码：

function loadData(page){                   
    loading_show();
    $.ajax
    ({
        type: "POST",
        url: "php/load_data.php",
        data: dataToSend,
        success: function(msg)
        {
            $("#container").ajaxComplete(function(event, request, settings)
            {   
                loading_hide();
                $("#container").html(msg);                          
            });
        }
    });
}

我的猜测是，JavaScript 不会在 AJAX 调用中重新加载，因为只有部分页面被重新加载，但我不确定是否是这种情况以及如何解决这个问题。

Answer 1

回发后似乎没有加载您的javascript。尝试在网页上的pageLoad中添加您的函数，例如：

function pageLoad()
{
    $( ".artikel_box_lk .button" ).click(function( e ) {
        window.open( "/lk/" + $( this ).attr("rel"), "_blank");
    });
}

Answer 2

做事件委托

 $( "#container" ).on ("click",".artikel_box_lk .button" ,function( e ) {
        window.open( "/lk/" + $( this ).attr("rel"), "_blank");
    });