1

我有一个使用 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 调用是否正确？如果是这样，需要改变什么？或者这个电话需要放在哪里？

4

1 回答 1

4

加载新数据后：

$("#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');
}
于 2013-11-11T20:14:37.953 回答