0

我试图在幻灯片更改时将当前幻灯片的 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，而不是容器？我确定这只是使用正确选择器的情况，但我无法弄清楚。任何帮助将不胜感激，谢谢！

4

1 回答 1

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'));
    }
});
于 2012-11-29T16:41:01.920 回答