如何摆脱进度指示器？

MBaas 发表于 Dev

工商管理硕士

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

我遵循了文档并设法使用消除了数字showStepNumbers: false，但是，

 showProgress: false,

as 似乎不像文档那样工作。我错过了什么还是它是一个错误？

小提琴。

F.豪里

也许你错过了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" />

本文收集自互联网，转载请注明来源。

如有侵权，请联系 [email protected] 删除。