在AJAX之后在窗口加载事件上重新初始化jQuery

Question

我有以下jQuery代码，可在Window Load事件上调整产品网格：

$j(window).load(function(){
    // Remove list class if thumbview
    if ( $j("ul#products-list").hasClass("thumb_view") ) {
    $j("ul#products-list").removeClass("list") };
    // Equalize all thumb heights on switch if list view default
    var maxHeight = 0;
    $j('ul.thumb_view div.product-container').each(function() { maxHeight = Math.max(maxHeight, $j(this).height()); }).height(maxHeight +8);
    // Undo equalized heights for list
    $j('ul.list div.product-container').css("height","auto");
});

在页面上，我们提供了一种基于价格的产品过滤方法。 当客户调整价格范围时，AJAX呼叫将负责实际的产品过滤。 但是，jQuery脚本不会再次运行，并且产品网格无法正确加载。 我已经做了大量研究，发现了可以解决此问题的解决方案； 使用“ m-ajax-after”事件，或使用jQuery委托函数。

第一种选择涉及以下代码：

jQuery(document).bind('m-ajax-after', function (e, selectors, url, action) {
    // reinitialize your script
});

我没有设法使它工作。 有关此功能的知识非常有限。

在我看来，第二种选择最有可能获得成功，但是我无法将其重现为实际有效的代码。 我可以将其与（window）.load函数结合起来找到许多主题。 正确的方法是什么？

Answer 1

没有完整的代码很难说，但是这里有个主意：

function formatGrid() {
 // Remove list class if thumbview
 if ( $j("ul#products-list").hasClass("thumb_view") ) {
  $j("ul#products-list").removeClass("list") };
  // Equalize all thumb heights on switch if list view default
  var maxHeight = 0;
  $j('ul.thumb_view div.product-container').each(function() { maxHeight = Math.max(maxHeight, $j(this).height()); }).height(maxHeight +8);
  // Undo equalized heights for list
  $j('ul.list div.product-container').css("height","auto");
}

$j(window).load(function(){
   formatGrid();
});

然后在Ajax成功时调用此函数：

$.ajax({
  //your current ajax code
  //and then call the formatting function
  success: function() {
      formatGrid(); 
  }
});