javascript - 图像随机无法正确设置高度

Question

我有一个特别烦人的前端错误，我似乎无法正确诊断，更不用说在多次尝试后修复了。您应该能够在 http://fmhgifts.com 看到它的示例。页面底部的产品图片无法始终如一地显示正确的高度尺寸，如下所示:

如您所见，图像受到的影响似乎没有任何一致性，甚至在每次加载页面时也没有。作为引用，它应该如下所示:

还应注意，通过单击“元素排序依据”下拉菜单中的任何选项，然后会使其正常工作!

任何关于此事的帮助将不胜感激，因为我已经在这上面花了很多时间(尽管我远不是 CSS 专家)，我希望更有经验的人能够帮助我确定问题。

Answer 1

所以解决这个问题的方法是稍微调整一下这个 javascript 代码的调用方式。原始代码在哪里:

jQuery(document).ready(function(){
    jQuery('#portfolio').isotope({
      // options
      itemSelector : '.item',
      layoutMode : 'fitRows'
    });
    jQuery('.option-set').find('a').click(function(){
              if ( jQuery(this).hasClass('selected') ) {
                      return false;
                    }
                    jQuery(this).parents('.option-set').find('.selected').removeClass('selected');
               jQuery(this).addClass('selected');
    });   
    jQuery('#filters a').click(function(){
      var selector = jQuery(this).attr('data-filter');
      jQuery('#portfolio').isotope({ filter: selector });
      return false;
    });

});

改变第一行

jQuery(document).ready(function(){...}

到

$(window).load(function(){..}

解决了它遇到的问题。感谢大家的帮助，也帮助我弄清了这个问题。非常感谢。