Отображение идентификатора текущего слайда с помощью jQuery & anything slider

Question

Я пытаюсь получить идентификатор текущего слайда, записанного в другом div, когда изменяется слайд. Это может дать вам представление о том, что я пытаюсь для того чтобы достигнуть:

$(function(){ 
$('#slider').anythingSlider({ 
    onSlideInit: function(e,slider){ 
     var currentID = $(this).attr('id'); 
     $('#slide-change').html(currentID); 
    } 
}); 
}); 

и HTML:

  <div id="slider-wrapper"> 
       <div id="slider"> 
        <div id="1"><img src="images/slider/slide1.jpg" /></div> 
        <div id="2"><img src="images/slider/slide2.jpg" /></div> 
        <div id="3"><img src="images/slider/slide3.jpg" /></div> 
        <div id="4"><img src="images/slider/slide4.jpg" /></div> 
       </div> 
      </div> 

Это своего рода работы - при смене слайдов, она отображает слово «слайдер ' хоть. Это, вероятно, очень простой вопрос, извинения, но как мне заставить его отображать идентификатор текущего слайда, а не контейнера? Я уверен, что это всего лишь случай использования правильного селектора, но я не могу понять это. Любая помощь будет очень признательна, спасибо!

Answer 1

Я заметил, что слайдер добавляет класс activePage к активному слайдеру. Используя это, вы можете получить доступ к текущему слайду.

Редактировать: По мнению Мотти.

var holder = $('#slide-change'); //'cache' the object 
var mySlider = $('#slider').anythingSlider({ 
    onSlideComplete: function(slider){ 
     console.log(slider); //here you can investigate the slider object in your browser's console 
     holder.html(slider.$currentPage.attr('id')); 
    } 
});