特定の要素グループに対してintroJsを使用する方法

Question

異なる要素グループに対してIntroJsをどのように使用できますか？実際には同じページで複数の部分に使用したいと思っています。その通りにdocumentation

たとえば、introJs（ "。introduction-farm"）。start（）; は、 'introduction-farm'というクラスの要素についてのみ紹介しています。

私は静的IDまたは動的IDを試しましたが、この部分は機能しません。もし私がintroJs().start();を使用するなら、それはうまくいくでしょうが、ページ上に3つの別々の導入を作成したい場合は、このメソッドを1つに結合します。誰もここでこれをうまく実装することができます。それから私と分かち合ってください。

Answer 1

グループ化されたdivに などのデータステップ属性、データイントロ属性、データ位置属性を追加するだけです。

次に、onclickだけでintroJs（）を実行します。

詳細については

<a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().start();">Show me how</a> 

：

https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html