intro.js - Intro.js が特定のクラスで機能しない

Question

クラス「case_event_intro」のみで要素のイントロを開始することはできませintroJs(".case_event_intro").start();んが、そのクラスとイントロ属性を持つ要素があるにもかかわらず、何も起こらない. 定義済み (data-intro および data-step)。要素には、case_event_intro 以外の他のクラスもあります。それが問題でしょうか？特定のクラスの一部の要素に対してのみイントロを機能させる他の条件はありますか?

このスクリーン キャプチャを参照してください。

Answer 1

現在のバージョンの IntroJs (v0.3.0) では、クラスなどで特定の要素の導入を開始することはできません。

コンテナ要素を作成してから、次のようにそれらの要素の紹介を開始する必要があります。

<div class="case_event_intro">
    <div data-intro="Hello world" data-step="1">
        ...
    </div>
</div>

そして、次のように呼び出します。

introJs(".case_event_intro").start();

Answer 2

クラスを追加する場所を切り替えます。

introJs().start('.case_event_intro');