我正在做一些ajax分页。我正在使用以下代码：
jQuery(function($) {
$('#content').on('click', '.woocommerce-pagination a', function(e){
e.preventDefault();
var link = $(this).attr('href');
$('#content').fadeOut(200, function(){
$(this).load(link + ' #content', function() {
$(this).fadeIn(200);
$('.products li').css("width","21.05%");
$('#content').css("width","70%");
});
});
});
});
这可以正常工作，但是由于某种原因，它正在原始的#content div中添加#content。当我查看源代码时，它看起来像这样：
<div id="content" role="main" style="display: block; width: 70%;">
<div id="content" role="main">
</div>
</div>
谁能看到问题所在？
添加一个包装器，更好地使用引用变量，这是我的经验法则，可以避免这样的错误，这些错误可能真的会浪费您的时间……。
本文收集自互联网，转载请注明来源。
如有侵权，请联系 [email protected] 删除。
我来说两句