Форум программистов
 

Восстановите пароль или Зарегистрируйтесь на форуме, о проблемах и с заказом рекламы пишите сюда - alarforum@yandex.ru, проверяйте папку спам!

Вернуться   Форум программистов > Web программирование > JavaScript, Ajax
Регистрация

Восстановить пароль
Повторная активизация e-mail

Купить рекламу на форуме - 42 тыс руб за месяц

Ответ
 
Опции темы Поиск в этой теме
Старый 18.08.2015, 20:37   #1
Valeks
Новичок
Джуниор
 
Регистрация: 18.08.2015
Сообщений: 1
По умолчанию Фильтр по умолчанию

Добрый день!
Такая проблемка есть, редактирую под себя лендинг шаблон.
Там есть секция с портфолио.
Есть разделы, которые описаны функциями JS.
По умолчанию при открытии страницы выводится все работы, т.е. вся галерея. А нажимая на разделы, можно увидеть выборочно. Вот мне нужно сделать так, чтобы по умолчанию выводилась не вся галерея работ, а просто первый раздел, а пункт - все разделы снести вниз (ну это понятно как). Главное - по умолчанию вывести первый пункт списка разделов.
Сайт http://www.uralkor.ru/

JS
Код:
BRUSHED.filter = function (){
	if($('#projects').length > 0){		
		var $container = $('#projects');
		
		$container.imagesLoaded(function() {
			$container.isotope({
			  // options
			  animationEngine: 'best-available',
			  itemSelector : '.item-thumbs',
			  layoutMode : 'fitRows'
			});
		});
	
		
		// filter items when filter link is clicked
		var $optionSets = $('#options .option-set'),
			$optionLinks = $optionSets.find('a');
	
		  $optionLinks.click(function(){
			var $this = $(this);
			// don't proceed if already selected
			if ( $this.hasClass('selected') ) {
			  return false;
			}
			var $optionSet = $this.parents('.option-set');
			$optionSet.find('.selected').removeClass('selected');
			$this.addClass('selected');
	  
			// make option object dynamically, i.e. { filter: '.my-filter-class' }
			var options = {},
				key = $optionSet.attr('data-option-key'),
				value = $this.attr('data-option-value');
			// parse 'false' as false boolean
			value = value === 'false' ? false : value;
			options[ key ] = value;
			if ( key === 'layoutMode' && typeof changeLayoutMode === 'function' ) {
			  // changes in layout modes need extra logic
			  changeLayoutMode( $this, options )
			} else {
			  // otherwise, apply new options
			  $container.isotope( options );
			}
			
			return false;
		});
	}
}
html
Код:
<div class="row">
        	<div class="span3">
            	<!-- Filter -->
                <nav id="options" class="work-nav">
                    <ul id="filters" class="option-set" data-option-key="filter">
                    	<li class="type-work">Разделы</li>
                        <li><a href="#filter" data-option-value="*" class="selected">Все изделия</a></li>
                        <li><a href="#filter" data-option-value=".design">Декор</a></li>
                        <li><a href="#filter" data-option-value=".photography">Мебель</a></li>
                        <li><a href="#filter" data-option-value=".video">Светильники Eluma</a></li>
                        <li><a href="#filter" data-option-value=".woodwed">Деревянная свадьба</a></li>
                        
                    </ul>
                </nav>
                <!-- End Filter -->
            </div>
Valeks вне форума Ответить с цитированием
Ответ


Купить рекламу на форуме - 42 тыс руб за месяц

Опции темы Поиск в этой теме
Поиск в этой теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Аудиоустройства по умолчанию PTyTb32 Мультимедиа в Delphi 0 18.06.2014 16:35
Программа по умолчанию LomoCoder Общие вопросы Delphi 4 22.01.2014 22:41
ConnectTimeout по-умолчанию RIO Работа с сетью в Delphi 0 07.01.2011 02:33
Открыть по умолчанию beemoto Общие вопросы Delphi 25 19.05.2009 21:18