0

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

显示不正确

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

正确显示

还应该注意的是，通过单击“排序项目”下拉菜单中的任何选项，它可以正常工作！

对此事的任何帮助将不胜感激，因为我已经在这方面花费了很多时间（尽管我远非 CSS 专家），我希望更有经验的人能够帮助我找出问题所在。

4

1 回答 1

0

所以解决这个问题的方法是稍微调整一下这个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(){..}

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

于 2013-10-16T06:27:11.363 回答