JQuery мгновенный addClass или скрыть класс - PullRequest
Новая
       59

JQuery мгновенный addClass или скрыть класс

0 голосов
/ 04 марта 2011

При добавлении 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');

Ответы [ 2 ]

1 голос
/ 05 марта 2011

При использовании Firebug возникает проблема с количеством загружаемых изображений. Мое предложение состоит в том, чтобы динамически загружать изображения для ваших предметов, используя javascript после применения ваших изменений стиля или иметь меньшее количество элементов на странице (или оба). Это приведет к ухудшению, но все еще функциональному интерфейсу для не-JavaScript пользователей. Для браузеров с поддержкой javascript вы можете настроить, как и сколько изображений загружать, чтобы по-прежнему получать хороший эффект.

Вам также следует использовать спрайты для своих небольших элементов интерфейса, чтобы вы загружали одно изображение и использовали CSS для отображения различных его частей. Комбинирование ваших javascript-файлов и таблиц стилей для вашего рабочего сайта также очень поможет - у вас есть более 20 js-файлов и 13+ таблиц стилей, каждый из которых требует отдельного запроса. Возможно, вы захотите запустить YSlow и следовать другим рекомендациям.

1 голос
/ 04 марта 2011

Вы можете добавить правила CSS, чтобы скрыть эти классы, а затем изменить их после загрузки jquery 

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