0

クラスを非表示にするためにJQueryを追加する場合、もちろんページがロードされるのを待ってからクラスを非表示にします。これは「addClass」の場合と同じです。ページの読み込み中に「読み込む」には、より良い方法またはより高速な方法が必要です。誰かアイデアを知っていますか？以下に、サイトの動作を確認するためのリンクを含むJQueryスクリプトを示しました。

サブフィルターを非表示にする：サブフィルター を非表示にするスクリプトの例へのリンク（左側のナビゲーションフィルターに注意）

if(jQuery('.refinement_category_section').length){
   jQuery('.refinement_custom_category_section').hide() &&
      jQuery('.refinement_filter').hide();
}

jQuery(document).ready(function(){                         
   if(jQuery('.refinement_category_section').length){
      jQuery('.refinement_custom_category_section').hide() &&
         jQuery('.refinement_filter').hide();
   }
});

また

クラスの追加：クラスを追加するスクリプトの例へのリンク（左側のナビゲーションフィルターに注意）

$('.refinement_brand_section').parent().addClass('filterresults');

4

2 に答える 2

1

CSSルールを追加してこれらのクラスを非表示にし、jqueryの読み込み後に変更することができます

.refinement_category_section, .refinement_custom_category_section, .refinement_filter {
  display: none;
}
于 2011-03-04T20:58:44.513 に答える
1

Firebugを使用すると、ロードしている画像の数に問題があるようです。私の提案は、スタイルの変更を適用した後、javascriptを使用してアイテムの画像を動的にロードするか、ページ上のアイテムの数を少なくすることです（またはその両方）。これにより、JavaScript以外のユーザーにとっては機能が低下しますが、インターフェースは機能します。javascript対応のブラウザの場合、ロードする画像の数と数を調整して、優れた効果を実現できます。

また、単一の画像をダウンロードし、CSSを使用してそのさまざまな部分を表示するように、小さなインターフェイス要素にスプライトを使用する必要があります。本番サイト用にJavaScriptファイルとスタイルシートを組み合わせると、かなり役立ちます。20以上のjsファイルと13以上のスタイルシートがあり、それぞれに個別のリクエストが必要です。YSlowを実行して、他の推奨事項に従うことをお勧めします。

于 2011-03-04T21:14:00.803 に答える