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 に答える