Определения первого/последнего класса.
Написал слайдер, возникла необходимость сделать дисабле кнопок вперед назад, код примерно такой
<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. |