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

Question

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

正如您所看到的那样，图像的影响似乎没有任何一致性，甚至在页面的每个负载上都没有。作为参考，它应该如下所示：

还应注意，点击“按项目排序”下拉菜单中的任何选项，然后使其正常工作！

任何关于此事的帮助都会受到无限的赞赏，因为我已经花了很多时间（虽然我远离CSS专家），我希望有经验的人能帮助我找到问题。< / p>

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(){..}

解决了它所遇到的问题。感谢大家的帮助，帮助我了解这一点。非常感谢。