Question

我正在尝试通过JS为特定控件启动迷你弹出窗口。好吧，我承认这有点挫败了intro的目的，但在那个页面上确实有一个控件只能“值得”这种处理。因此，标准介绍的导航控件，数字和progess指示器在那里没有意义。

我关注doc并设法使用 showStepNumbers: false，但是，

 showProgress: false,

因为似乎没有记录的工作。我错过了什么或者它是一个错误吗？

Fiddle

Answer 1

也许你错过了showBullets选项！

有一些方法可以玩一些选项：

function showHelp()
{
var intro = introJs();
        intro.setOptions ( {
 showStepNumbers: document.getElementById('showStepNumbers').checked,
 showProgress: document.getElementById('showProgress').checked,
 showBullets: document.getElementById('showBullets').checked,
 steps: [
           {
 intro: "I really mean it!",
 element: document.querySelector ( '#bla' )
           }
           ]
        } );
        intro.start();
}

<link href="https://cdnjs.cloudflare.com/ajax/libs/intro.js/2.7.0/introjs.min.css" rel="stylesheet"/>
<script src="https://cdnjs.cloudflare.com/ajax/libs/intro.js/2.7.0/intro.min.js"></script>
<div id="bla">
Hello World!
</div>
<button onclick="showHelp()">
Help!
</button>
<hr />
showStepNumbers:<input type="checkbox" id="showStepNumbers" /> &nbsp;
showProgress:<input type="checkbox" id="showProgress" /> &nbsp;
showBullets:<input type="checkbox" id="showBullets" />

如何摆脱进步指标？

1 个答案: