0

anyslider という jQuery カルーセル プラグインを使用しています。ポップアップし、6 つのボタンのグループのいずれかをクリックするとアクティブになります。以下からわかるように、JSON オブジェクトのアイテムを反復処理するときに、反復変数を使用して各ボタンにイベントをアタッチし、それをカルーセルbの構成オプションへの引数として提供します。startPanelしたがって、目標は、各ボタンに対応するスライドでカルーセルを開始することです。

じゃ、いいよ。ページを読み込んで任意のボタンをクリックすると、実際にカルーセルが表示され、対応する正しいスライドが開始スライドとして表示されます。しかし、カルーセルの CSS を に設定しdisplay: noneて別のボタンをクリックすると、ページの読み込み後に最初にクリックされたボタンに対応するスライドからカルーセルが開始され、その後どのボタンがクリックされても続けられます。各ボタンのクリック イベントのカルーセルを本当にリセットするにはどうすればよいですか?

$.each(objectFromJSONFile, function (b, a) {
    $("#start-button" + b).click(function () {
        $('#stories').anythingSlider({
            startPanel: b
        });
    });
};

どうもありがとう。

4

1 に答える 1