zurb-foundation - Zurb Foundation 複数のジョイライド

Question

1 ページに 2 つのジョイライドを含めることは可能ですか? 例: 1 つのジョイライドを実行し、ユーザーが何かを選択したら、2 つ目のジョイライドを開始しますか?

Answer 1

あなたが探しているものは、この質問に対する答えに根ざしていると思います。Callback を使用して、非表示のボタンのボタン クリックをトリガーするなどの操作を行うことで、2 番目の Joyride を初期化できます。

このコードはまだテストできていませんが、次のように動作するはずです。

// set up the config for a Callback
var config = {
nubPosition : 'auto',
postRideCallback : function() {
  // Joyride has ended, simulate a click on a hidden button
  $(#hidden_button).click();
}

// When the Hidden button is clicked, call the 2nd Joyride
$( "#hidden_button" ).click(function() {
  $(document).foundation('joyride2', 'start');
});