使用jQuery显示当前幻灯片的id&；任意滑块

我试图在幻灯片更改时将当前幻灯片的id写入另一个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>

---

这是一种工作方式——当幻灯片改变时，它会显示“slider”这个词。抱歉，这可能是一个非常基本的问题，但我如何让它显示当前幻灯片的id，而不是容器？我确信这只是一个使用正确选择器的例子，但我无法理解。任何帮助都将不胜感激，谢谢

我注意到滑块在活动滑块上附加了一类

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

---

您可能希望使用

onSlideComplete

，它只不过是

滑块

，然后查看

滑块

对象中的可用内容。如果有幻灯片索引，您可以使用它来选择当前的div，否则您可能需要自己跟踪它。对不起，我对jQuery还比较陌生，您可能需要为我解释一下。如何访问滑块对象的属性？谢谢我的回答解决了你的问题吗？试着使用

滑块。
onSlideComplete
回调中的$currentPage

代替-@Mottie Awesome，没有看到。