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

Question

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

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

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

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

Answer 1

Использование JQuery .addClass()

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

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

More info

Answer 2

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

$(this).addClass() 

Answer 3

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

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

Answer 4

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

Вы можете добавить свой собственный класс, как это:

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

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); 
}; 

Demo Fiddle: http://jsfiddle.net/864DZ/