如何将IntroJs用于不同的元素组。事实上,我想用它在同一页上的多个部分。根据他们的文件
例如introJs(".introduction farm").start();运行介绍仅适用于具有class="introduction-form"的元素
现在我尝试使用静态id或动态id,但这部分不起作用。如果我使用introJs().start();
,那么它会起作用,但现在如果我想在页面上创建三个单独的介绍,那么这种方法将它们合并为一个。所以这里的任何人都能成功地实现这一点。那么请与我分享。
只需向分组的div添加数据步骤、数据介绍和数据位置属性例如
<div class="span6" data-step="2" data-intro="Ok, wasn't that fun?" data-position='right'></div>
然后点击只做introJs().start();
例如
<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