Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/477.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript JQuery addclass不适用于AJAX调用_Javascript_Php_Ajax_Jquery - Fatal编程技术网

Javascript JQuery addclass不适用于AJAX调用

Javascript JQuery addclass不适用于AJAX调用,javascript,php,ajax,jquery,Javascript,Php,Ajax,Jquery,我有一个使用AJAX分页系统的网站。然后,我添加了一个JQUERY调用,将类添加到我的DocumentReady函数的一些列表项中 $(document).ready(function(){ $(".products ul li:nth-child(3n+3)").addClass('last'); } 最初加载页面时,这一切都正常工作,但当使用AJAX分页来更改页面时,不会再次进行addclass调用。我认为这是因为AJAX调用没有启动documentready函数,所以我认为需要将

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

$(document).ready(function(){
    $(".products ul li:nth-child(3n+3)").addClass('last');
}
最初加载页面时,这一切都正常工作,但当使用AJAX分页来更改页面时,不会再次进行addclass调用。我认为这是因为AJAX调用没有启动documentready函数,所以我认为需要将addclass调用添加到我的ajaxpost调用中。我试过这样的东西,但没能成功

$.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');
}

加载新数据后:

$("#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');
}

为什么要在成功处理程序中绑定ajaxComplete处理程序?为什么要在成功处理程序中绑定ajaxComplete处理程序?谢谢!这确实有效,我非常接近,但这确实有效!:再次感谢,谢谢!这确实有效,我非常接近,但这确实有效!:再次感谢。