通过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();
});