intro.js不适用于基于类别的特定元素

我无法使用具有class='test'的特定元素启动intro.js。我正在使用Intro.js v0.9.0。intro.js不适用于基于类别的特定元素

根据文档，我编写的代码就像下面的方式。

<li class="test" data-intro="first Step" data-step="1"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Chart" id="chart-btn"><i class="fa fa-bar-chart-o fa-lg"></i></a></li> 
<li class="test123" data-intro="first Step" data-step="1"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Reset" id="reset"><i class="fa fa-repeat fa-lg"></i></a></li> 
<li class="test" data-intro="second Step" data-step="2"><a href="#" data-toggle="tooltip" data-placement="bottom" title="Compute" id="category"><i class="fa fa-play fa-lg"></i></a></li>

我试图启动intro这样

introJs(".test").start();

这不是working.I瞪大眼睛有些人建议有关this，我想这些方面还，但它不工作。

我该如何解决这个问题。

来源

2014-07-24 vasan

我用steps实现，它由intro.js插件选项提供，如下面的方式在中。

var intro = introJs(); 
     intro.setOptions({ 
     steps: [ 
      { 
      intro: "Hello world!" 
      }, 
      { 
      element: document.getElementById("step1"), 
      intro: "This is a tooltip." 
      }, 
      { 
      element: document.querySelectorAll('#step2')[0], 
      intro: "Ok, wasn't that fun?", 
      position: 'right' 
      }, 
      { 
      element: '#step3', 
      intro: 'More features, more fun.', 
      position: 'left' 
      }, 
      { 
      element: '#step4', 
      intro: "Another step.", 
      position: 'bottom' 
      }, 
      { 
      element: '#step5', 
      intro: 'Get it, use it.' 
      } 
     ], 
     showStepNumbers:false 
     }); 

     intro.start();

来源

2014-07-25 12:14:41 vasan

你正在使用一个ID在哪里是类？ – vini

谢谢，真的帮了我很大忙，我用'document.querySelectorAll（'。sftpImport.step1'）[0]'来解决多个场景的步骤 – FantomX1

如果您看到可以看到introJs参数用于步骤/元素的场。所以你的代码应该是这样的：

<div class='test'> 
    <div class="span6 test" data-step="2" data-intro="Ok, wasn't that fun?"> 
     <h4>Easy to Use</h4> 
     </div> 
    </div>

现在introJs（'。test'）.start（）;应该正常工作。

来源

2014-10-31 11:26:27 Nandakumar

intro.js不适用于基于类别的特定元素

回答

相关问题