Информация о материале

Категория: jQuery

Опубликовано: 19 июня 2013

Просмотров: 7212

• jquery
• ajax
• abort
• завершить ajax
• завершить все ajax
• ajaxsuccess

Как завершить все ajax запросы на jquery. Вы я верен знаете, что все события в JavaScript происходят последовательно. То, что называется асинхронным ajax запросом, на самом деле ем что иное, как цепь последовательных событий. И так случается, то если запросы происходят к одному серверу, что пока не завершится один запрос, другой будет висеть в воздухе. В связи с этим возникла необходимость, обрубать все текущие ajax запросы, при инициализации нового. Как это сделать? 

Информация о материале

Категория: jQuery

Опубликовано: 24 марта 2013

Просмотров: 11223

• jquery
• slider
• эффекты
• баннер
• анимация на jquery
• велосипед

Часто возникает задача: «на коленке» сделать анимированный баннер используя лишь несколько изображений с эффектами перехода. Да, есть Adobe Flash, есть GIF анимация, но бывают случаи, когда маркетолог скинул тебе пару скудных jpg макетов, и попросил - «что-нибудь с ними сделать». 

Софт-программисты ищут, в таких случаях, нужный jquery плагин. Благо, их обилие позволяет легко найти подходящий. Но это не всегда оправданно, так как сама jQuery имеет отличные средства анимации и эффектов. И код для этого, будет не более 20-ти строк, в зависимости от того, какое количество эффектов Вам потребуется.

В этой статье я опишу, как сделать небольшой анимированный баннер на jquery, без использования сторонних плагинов.

В результате мы получим такой баннер:

Информация о материале

Категория: jQuery

Опубликовано: 15 февраля 2013

Просмотров: 9481

• jquery
• пагинация
• scroll
• scrolltop
• end
• scrollend

В контакте есть такая фича: прокручиваешь новости до конца страницы, после этого автоматически подгружаются другие новости. Это весьма удобно, не нужно организовывать сложную систему пагинации. Просто крутишь страницу. Сделать такое на jquery не составит труда. Для этого используем событие scroll. Создадим элемент.

<div id="mynews" style="height:100px;overflow-y:scroll;"></div>

к нему прицепляем обработчик события

var page = 1;
$('#mynews').scroll(function() {
	if( $(this).height() + $(this).scrollTop() >= this.scrollHeight ) {
		$('#mynews').append($.get('news.php?page='+page++));
	}
});

а вот и демонстрация работы:

Информация о материале

Категория: jQuery

Опубликовано: 19 сентября 2012

Просмотров: 20415

• jquery
• parent
• parents
• closest
• получить n родителя
• eq

Доброго дня. Небольшая заметка о том, как можно получить родителя элемента по его порядковому номеру в дереве родителей.

В jquery есть несколько способов получения родителей элементов :parent, parents, closest

parent - возвращает прямого родителя, это один элемент, как параметр может получать селектор. Тогда метод возвращает родителя только если родительский селектор совпадает с тем, что подается в качестве параметра.