Question

我正试图在幻灯片更改时将当前幻灯片的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>

它有点工作 - 当幻灯片改变时，它显示“滑块”这个词。这可能是一个非常基本的问题，道歉，但是如何让它显示当前幻灯片的id，而不是容器？我确定这只是使用正确选择器的情况，但我无法弄清楚。非常感谢任何帮助，谢谢！

Answer 1

我注意到滑块会将一个activePage类附加到活动滑块。使用它，您可以访问当前幻灯片。

编辑：根据Mottie的评论。

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

使用jQuery＆amp; amp;显示当前幻灯片的id什么滑块

1 个答案: