Как добавить класс в текущий li или изображение?

Question

Я хочу добавить класс на текущий li или же image, но я не вижу вариантов для этого.

Кто-нибудь знает как?

Вот как я это называю:

$(".slider-view").easySlider({
        auto: true,
        continuous: true,
        speed: 1000,
        pause: 5000
}); 

Answer 1

Чтобы добавить класс к текущему элементу в jquery, вы можете использовать следующий код:

$(this).addClass()

Answer 2

Используйте jQuery .addClass()

Попробуй это:

$('li').addClass('slider-view');

Больше информации

Answer 3

Согласно документации для плагина easySlider, нет никакой возможности добавить пользовательский класс к текущему элементу. С активным ползунком вы должны проверить ваш HTML (используя инструменты разработчика вашего браузера) и посмотреть, какой класс плагин добавляет к текущему элементу.

Затем вы можете добавить свой пользовательский класс следующим образом:

// Replace .easySliderClassName with the active class you find in the HTML
$(".easySliderClassName").addClass('.your-class');

Answer 4

Вы можете попробовать ниже код.

$(".slider-view").easySlider({
        auto: true,
        continuous: true,
        speed: 1000,
        pause: 5000
}).addClass('someClass');

Answer 5

Я думаю, что это довольно небольшое изменение в исходном коде, чтобы добавить это в easySlider плагин. Посмотрев на него, это действительно довольно простой / раздетый плагин, есть гораздо больше доступных, которые предлагают общие вещи, такие как обратные вызовы и т. Д.

Хотя в плагине adjust() метод добавить:

$("ul li", obj).removeClass('current-slide').eq(t+1).addClass('current-slide');

Для того, чтобы он сидел, как показано ниже в конце функции регулировки, это удалит любые .current-slide Класс до следующего слайда вызывается, а затем применяется повторно.

function adjust(){

     clickable = true;

     /** 
      *  Where `t` is the current slide index. 
      *  and obj refers to $(this) (The .easySlider ojb)
     **/
     $("ul li", obj).removeClass('current-slide')
                    .eq(t+1)
                    .addClass('current-slide');

     if(options.numeric) 
          setCurrent(t);
};

Демо-скрипка: http://jsfiddle.net/864DZ/