Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 27.08.2015, 23:24
Интересующийся
Отправить личное сообщение для krakoss Посмотреть профиль Найти все сообщения от krakoss
 
Регистрация: 22.03.2013
Сообщений: 25

Прошу объяснить .length
На странице есть код для вывода последних изменений на сайте
<!-- begin last-update -->
                        <div class="last-update">
                            <a href="#" class="last-update__a">Последние обновления на сайте</a>
                            <div class="last-update__in">
                                <a href="#" class="last-update__close">Закрыть обновления</a>
                                <span class="last-update__title">Последние обновления на сайте</span>
...


Код на jQuery обрабатывающий клик по ссылке

var lastUpdate = (function() {

	var $lastUpdate = $('.last-update__in');

	function addEventListeners() {
		$('.last-update__a').on('click', controlShowLastUpdate);
		$('.last-update__close').on('click', controlShowLastUpdate);
	};

	function controlShowLastUpdate() {
		if($lastUpdate.hasClass('is-visible')) {
			hideLastUpdate();
		}else{
			showLastUpdate();
		}
		return false;
	};

	function showLastUpdate() {
		$lastUpdate.addClass('is-visible').removeClass('is-hidden');
	};

	function hideLastUpdate() {
		$lastUpdate.addClass('is-hidden').removeClass('is-visible');
	};

	return {
		init: function() {
			if($('.last-update').length) {
				addEventListeners();
			};
		},
	};

}());

Прошу объяснить что означает этот код в данном примере
return {
		init: function() {
			if($('.last-update').length) {
				addEventListeners();
			};
		},
Ответить с цитированием
  #2 (permalink)  
Старый 27.08.2015, 23:53
Профессор
Отправить личное сообщение для Decode Посмотреть профиль Найти все сообщения от Decode
 
Регистрация: 31.01.2015
Сообщений: 576

Сообщение от krakoss
Прошу объяснить что означает этот код в данном примере
Что переменная lastUpdate будет ссылаться на объект который вернет функция. Т.е. потом можно будет вызывать метод init. lastUpdate.init().
Ответить с цитированием
  #3 (permalink)  
Старый 27.08.2015, 23:58
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,124

Сообщение от krakoss
if($('.last-update').length)
если на странице присутствуют элементы с классом "last-update" то запустить функцию addEventListeners
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Прошу помочь найти ошибки в функциях Georka Элементы интерфейса 1 02.10.2014 10:08
vk api метод video.get объясните прошу koeshiro Общие вопросы Javascript 5 06.04.2013 12:22
прошу вас напишите JavaScript: объявления после каждого суббота Qartvela™ Общие вопросы Javascript 13 14.10.2012 11:23
Прошу оценить мой сайт-визитку Aleko Ваши сайты и скрипты 8 01.05.2010 20:04
Прошу "перевести" готовый скрипт xxxJob AJAX и COMET 1 19.03.2010 23:38