Javascript jQuery没有';当产品通过AJAX加载时无法工作
打开页面时,jQuery工作正常。但是,当产品通过AJAX加载(更改)时,jQuery不起作用。我使用了jquery-1.7.1.min.jsJavascript jQuery没有';当产品通过AJAX加载时无法工作,javascript,jquery,ajax,Javascript,Jquery,Ajax,打开页面时,jQuery工作正常。但是,当产品通过AJAX加载(更改)时,jQuery不起作用。我使用了jquery-1.7.1.min.js $(document).ready(function () { $screensize = $(window).width(); if ($screensize > 1199) { $('#content .product-grid > div:nth-child(3n)').after('<span c
$(document).ready(function () {
$screensize = $(window).width();
if ($screensize > 1199) {
$('#content .product-grid > div:nth-child(3n)').after('<span class="clearfix visible-lg-block"></span>');
}
if ($screensize < 1199) {
$('#content .product-grid > div:nth-child(3n)').after('<span class="clearfix visible-lg-block visible-md-block"></span>');
}
if ($screensize < 991) {
$('#content .product-grid > div:nth-child(3n)').after('<span class="clearfix visible-lg-block visible-sm-block"></span>');
}
});
创建一个方法,并在加载DOM和AJAX完成时调用它
$(document).ready(function(){
var resizeMe = function () {
$screensize = $(window).width();
... Do what you want here
};
$.ajax({...}).done( function () { resizeMe(); } );
resizeMe();
});
一旦元素添加到DOM中,您需要在
success
ajax回调上调用snippet:$.ajax({success:resizeMethod,…})代码>并调用文档就绪:$(resizeMethod)代码>。其中,resizeMethod
是包装代码段(减去ready handle)的方法。那么,在文档准备就绪时调用函数。当你改变方向时,你也必须调用它page@A.Wolff我想你的意思是$(document).ready(resizeMethod)代码>而不是$(resizeMethod)
@RuubW$(resizeMethod)
是相同的缩写方式thing@wonderb0lt我试过了,但是没有成功。我试过了,但是没有成功。还有其他建议吗。谢谢
$(document).ready(function(){
var resizeMe = function () {
$screensize = $(window).width();
... Do what you want here
};
$.ajax({...}).done( function () { resizeMe(); } );
resizeMe();
});