Intro.jsで表示順序を個別に制御する

harada 563views 更新:2014年4月3日

intro.js のオプション設定で下記のように設定した場合、「次へ」ボタンや次のガイドへ進むバレットが表示されなくなります。

      /* Show tour control buttons? */
      showButtons: false,
      /* Show tour bullets? */
      showBullets: false

この場合別途個別に次へ進むアクションや、ガイドの表示を終了するアクションを設定する必要があります。

2番めのガイドを表示するアクション

onclick="introJs().goToStep(2)"

ガイドの表示を終了するアクション

onClick="introJs().exit()"

面倒に思えるかもしれませんが、こちらを設定することでアプリなどでよく見かける実際にアクションを起こさせるガイド表示ができるようになります。

ログイン / 新規登録してコメントする

このソースコードをストックして後で利用したり、作業に利用したソースコードをまとめることができます。

こちらもお役に立つかもしれません