Определения первого/последнего класса.
Написал слайдер, возникла необходимость сделать дисабле кнопок вперед назад, код примерно такой
<div class="slider">
<div class="prev"></div>
<div class="thmb active"></div>
<div class="thmb"></div>
<div class="thmb"></div>
<div class="thmb"></div>
<div class="next"></div>
</div>
Класс "актив" меняет свое положения от нажатия кнопки, Теперь я хочу написать скрипт когда класс актив стоит на первом элементе то класс prev меняет бг, когда на последнем тогда класс next темнеет.
$('.slider').find('.thmb:first').hasClass('.active')
Такой код с консоль мне всегда возвращает false. |
$('.slider').find('.thmb:first').hasClass('active')
|
мб название класса писать без точки ?
.hasClass('active')
|
спасибо
|
Подскажите еще насчет метода change.
Я так понял мне нужно следить за элементом "Active"
$('.active').change(function(
if($('.slider').find('.thmb:first').hasClass('active').length)
{
$('.prev').css({backgroundColor: '#fff', border: '1px solid #ccc'})
}
if($('.slider').find('.thmb:flast').hasClass('active').length)
{
$('.next').css({backgroundColor: '#fff', border: '1px solid #ccc'})
}
));
|
Так change вроде только с элементами формы работает ?
|
в mt, например, можно вешать onchange на всю форму
до чего дошел прогресс :) стоп... а что за элемент .active ? |
класс .active цепляется к картинки которая активна.
|
так как мне сделать правильно проверку положения класса .active? каким методом?
|
var $slider = $('.slider');
if ($slider.find('.thmb:first-child').is('.active')) {
$slider.find('.prev').addClass('inactive');
}
|
| Часовой пояс GMT +3, время: 12:41. |