JQuery即時addClass或隱藏類

Question

當添加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');

Answer 1

你可以添加CSS規則來隱藏這些類，然后在jquery加載后更改它

.refinement_category_section, .refinement_custom_category_section, .refinement_filter {
  display: none;
}

Answer 2

使用Firebug，問題似乎與您要加載的圖像數量有關。 我的建議是在應用樣式更改后使用javascript為您的項目動態加載圖片，或者在頁面上使用較少數量的項目（或兩者）。 這將導致非JavaScript用戶的降級但仍然可用的界面。 對於支持javascript的瀏覽器，您可以調整加載圖像的方式和數量，以達到很好的效果。

您還應該為您的小界面元素使用精靈，以便您下載單個圖像並使用CSS顯示它的各個部分。 將生成網站的javascript文件和樣式表組合在一起也會有所幫助 - 你有20多個js文件和13個以上的樣式表，每個都需要一個單獨的請求。 您可能想要運行YSlow並遵循其他建議。