Помогите с filter

[dolbolub]

Здравствуйте!

На странице имеется фильтр:

<div id="options" class="col-md-12" style="text-align: center;">	
	<ul id="filter" class="option-set" data-option-key="filter">
	<li><a class="selected" href="#filter" data-option-value="*" class="current">Все работы</a></li>
         <li><a href="#filter" data-option-value=".web">Иллюстрации</a></li>
	<li><a href="#filter" data-option-value=".polygraphy">Полиграфия</a></li>
	<li><a href="#filter" data-option-value=".branding">Брендинг</a></li>						
</ul>
</div>

Как сделать так, чтобы при загрузке страницы активным был сразу фильтр .web?

[predefined]

Если ваш фильтр отрабатывается яваскриптом - class="selected" и class="current" перенесите в него:

<li><a class="selected" href="#filter" data-option-value="*" class="current">Все работы</a></li>
<li><a class="selected current" href="#filter" data-option-value=".web">Иллюстрации</a></li>

писать в тэге 2 атрибута class="..." - не по стандарту, поэтому надо писать один атрибут class и перечислять классы через пробел: class="selected current"

[dolbolub]

Спасибо, но не работает..(

[predefined]

Если нет возможности разобраться как работает яваскрипт вашего фильтра, можно просто создать событие onClick на нужной ссылке после загрузки страницы.

Если используется jQuery - то сделайте атрибут id='this-filter' у ссылки <a href=''> фильтра, который нужно выбрать, и потом (после загрузки страницы) вызовите:

<script>$( "#this-filter" ).trigger( "click" );</script>

Но, если ваш фильтр тянет данные с сервера - он будет делать это 2 раза:
1. загрузка данных для страницы с фильтром по умолчанию
2. загрузка данных после клика по нужной ссылке.

Или, разобраться со скриптом фильтра. В нём наверняка предусмотрена первичная инициация его состояния.