Javascript JQuery addclass不适用于AJAX调用
我有一个使用AJAX分页系统的网站。然后,我添加了一个JQUERY调用,将类添加到我的DocumentReady函数的一些列表项中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函数,所以我认为需要将
$(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处理程序?谢谢!这确实有效,我非常接近,但这确实有效!:再次感谢,谢谢!这确实有效,我非常接近,但这确实有效!:再次感谢。