时间戳

首页 > 解决方案 > 无法按 ID 将 intro.js 放置在元素上

javascript - 无法按 ID 将 intro.js 放置在元素上

问题描述

这是我的代码：

<div class='introduction' id="qqq">
  <div class="dummy" data-step="1" data-intro="It's a nice Saturday afternoon">
    <p>Today</p>
  </div>
</div>

introJs("#qqq").start();

结果：以太中的其他东西将突出显示并显示工具提示。

如果我像introJs().start()or一样触发它introJs().goToStepNumber(1).start()，它可以工作，但我需要控制何时触发它。

标签： javascriptintro.js

解决方案

如果您想使用数据属性，那么您需要触发具有这些属性的 DIV。

在您的示例中，我会将数据属性移动到#qqqDIV：

<div class='introduction' id="qqq" data-step="1" data-intro="It's a nice Saturday afternoon">
  <div class="dummy">
    <p>Today</p>
  </div>
</div>

<script>introJs("#qqq").start();</script>

推荐阅读