IntroJS Bootstrap菜单不起作用

Question

我正在使用bootstrap进行UI设计.我已将更新的IntroJS配置到我的站点.现在它可以与其他元素一起使用,但是下拉菜单元素会出现问题.

Answer 1

我遇到了同样的问题，我设法解决了它，我在那里发布了解释：

在引导下拉元素上使用 intro.js

希望这些有帮助。

编辑：添加了代码片段和链接的解释

我找到了一个解决方法，它很丑陋，但可以完成工作：

$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的状态设置为“”，所以我在点击后稍等一下以便将其设置回“块”，我知道很丑，但当时我没有找到更好的东西