Два слайдера на странице с одинаковыми классами работают одновременно.
Добрый день.
На странице два одинаковых слайдера. При нажатии кнопок "далее" или "назад" прокручиваются оба слайдера одновременно. Я только начал работать с jquery и просто в тупике... Причем там используется еще функция hover, которая прекрасно выбирает текущий элемент. Если нет желания помогать с кодом, подскажите хотя бы где прочитать или что задать в поиске, чтобы найти инфу о том как решить эту задачку... Я уже перерыл весь инет, три раза переписывал код. Вот последнее.. что получилось: http://jsfiddle.net/rhVVk/ |
код покажите хотя бы
|
SlafkoCe, конечно они будут прокручиваться одновременно, т.к.
$(".next")
Вернул коллекцию элементов, на каждый из которых был навешан обработчик события 'click'; Как вариант, тебе нужно проверять, к какому слайдеру относится кнопка. Можно так:
$(".next").click(function(e){
doSlide("next", this);
e.preventDefault();
});
//...
var doSlide = function(direction, button){
//...
var slideWrap = $(button).closest('.slide-wrap');
//...
}
|
Например можно решить проблему так:
function next($this) {...}
$(".next").click(function() {
var $this = $(this);
next($this);
})
По клику будет запускаться функция "next", в которую мы параметром передаем объект на который мы кликнули |
Спасибо большое за ответы. Я через пару часов после того, как написал пост все таки допилил работающий код. Вот если, вдруг кому пригодится: http://pastebin.com/0ryKwrH2
Но обязательно попробую предложенные способы. |
| Часовой пояс GMT +3, время: 18:58. |