javascript - JQuery addclass 无法处理 AJAX 调用

Question

我有一个使用 AJAX 分页系统的网站。然后，我添加了一个 JQUERY 调用，以将一个类添加到我的文档就绪函数中的一些列表项。

$(document).ready(function(){
    $(".products ul li:nth-child(3n+3)").addClass('last');
}

当页面最初加载时，这一切都正常工作，但是当使用 AJAX 分页更改页面时，不会再次调用 addclass。我认为这是因为 AJAX 调用不会触发文档就绪函数，因此我认为我需要将 addclass 调用添加到我的 AJAX POST 调用中。我尝试过类似的方法，但无法正常工作。

$.ajax({
    type: "POST",
    url: "php/load_data.php",
    data: dataToSend,
    success: function(msg) {
        $("#container").ajaxComplete(function(event, request, settings) {   
            $(".products ul li:nth-child(3n+3)").addClass('last');

            loading_hide();
            $("#container").html(msg);
        });
    }
});

我尝试在 AJAX 成功回调中添加 addclass 调用是否正确？如果是这样，需要改变什么？或者这个调用需要放在什么地方？

Answer 1

加载新数据后:

$("#container").html(msg);

然后应用类:

$(".products ul li:nth-child(3n+3)").addClass('last');

都在success方法中，所以最终成品:

success: function(msg) {
    $("#container").html(msg);
    $(".products ul li:nth-child(3n+3)").addClass('last');
}