我正在使用引导程序进行 UI 设计。我已经为我的站点配置了更新的 IntroJS。 现在它可以与其他元素一起正常工作，但下拉菜单元素会出现问题。
【问题讨论】：
标签： css twitter-bootstrap intro.js
我遇到了同样的问题，我设法解决了，我在那里发布了一个解释：
use intro.js on bootstrap dropdown element
希望这些帮助。
编辑：添加了来自链接的代码和解释的 sn-p
我找到了一种解决方法，它很丑陋，但确实有效：
$scope.ChangeEvent = function (e) {
if (e.id === 'step2') {
document.getElementById('step1').click();
setTimeout(function () {
document.getElementById('step2').style.display = 'block';
}, 500);
}
console.log("Change Event called");
};
我在更改事件中添加的单击事件之后将显示属性设置为阻止
当点击元素1执行点击时，我注意到jquery将元素2的style.display的状态设置为''，所以我点击后稍等一下，以便将其设置回'block' ，我知道它很丑，但我当时没有找到更好的东西
【讨论】：
嘿伙计，确保您的 jquery 链接放在第一位，然后编写 javascript 链接
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
【讨论】：
检查控制台。很可能没有引用 jQuery，在这种情况下，您需要在 IntroJS 之前包含它：
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>
【讨论】：
聚会有点晚了，但对于任何谷歌搜索的人来说：
UL 的下拉菜单中添加了introjs-fixParent，对我来说，这导致我的菜单出现在页面上其他元素的后面，所以我通过在 UL 上执行 z-index: 1000!important 来解决这个问题。 Intro.js 在要显示的元素上添加了introjs-showElement，它具有非常高的 z-index。这里的问题是父母的 z-index 低于面具，所以任何孩子总是在面具后面。
我的解决方法是删除 UL 上的 z-index: 1000!important 并将其他元素放在我的菜单后面。
【讨论】：