Question

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

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

这在页面初始加载时都能正常工作，但是当使用AJAX分页来更改页面时，不会再次进行addclass调用。我想这是因为AJAX调用没有触发文件就绪函数，所以我想我需要在我的AJAX POST调用中添加addclass调用。我试过这样的东西，却无法让它发挥作用。

$.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 succes回调中添加addclass调用？如果是这样，需要改变什么？或者这个电话需要放在哪里？

Answer 1

加载新数据后：

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

然后申请上课：

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

所有成功方法，所以最终产品：

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

JQuery addclass不支持AJAX调用

1 个答案: