JQuery addclass 在 AJAX 调用上不起作用

JQuery addclass not working on AJAX call

本文关键字：不起作用 调用 AJAX addclass JQuery      更新时间：2023-09-26

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

加载新数据后：

$("#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');
}
相关文章：