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スライダーがアクティブなスライダーにのクラスを追加していることに気付きました。それを使用して、現在のスライドにアクセスできます。

編集: 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'));
    }
});
于 2012-11-29T16:41:01.920 に答える