javascript - 通过 AJAX 加载产品时 jQuery 不起作用

Question

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

我该如何解决？

我尝试了以下代码。所以，它正在工作。但是，有时是行不通的。

$(document).on('ajaxComplete ready', function(){
  // FUNCTION CODE
});

Answer 1

创建一个方法并在 DOM 加载和 AJAX 完成时调用它。

$(document).ready(function(){

var resizeMe = function () {
  $screensize = $(window).width();
  ... Do what you want here
}; 

$.ajax({...}).done( function () { resizeMe(); } );

resizeMe();
});