css - 使用 Bootstrap Tour 时禁用突出显示的区域

标签 css twitter-bootstrap twitter-bootstrap-3 bootstrap-tour

美好的一天!

我刚开始在我们的元素中使用 Bootstrap Tour,我似乎喜欢它,因为它简单而实用的界面。但我只有一个小问题 - 如何让游览突出显示的元素暂时禁用?

例如,如果游览的当前突出显示在一组按钮上,有没有办法让用户在游览时无法点击它们?

任何帮助将不胜感激! :)

最佳答案

您可以在显示/隐藏步骤时指定回调函数。在这些函数中,您可以访问当前元素,并且可以对其进行操作(参见文档:Tour Options):

var tour = new Tour({
    onShown: function(tour) {
        var step = tour._steps[tour._current];
        $(step.element).attr('disabled', true);
    },
    onHidden: function(tour) {
        var step = tour._steps[tour._current];
        $(step.element).removeAttr('disabled');
    }
})

关于css - 使用 Bootstrap Tour 时禁用突出显示的区域,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/20495208/

相关文章:

javascript - Chrome 的 .resize() 的替代方案?

javascript - Django:更改 javascript 函数内的字体颜色

javascript - 如何在一个脚本中组合 .with() 和 .resize()

html - 某些列在移动设备上的网格 div 定位不同

jquery - 手动触发 Bootstrap 导航栏菜单单击事件

Chrome/IE 11 中的 CSS 渐变背景大小

javascript - 通过单击不同的按钮更改具有特定表格的容器的内容

node.js - Jade +NodeJS : not rendered as desired

html - Flexbox 破坏了 Bootstrap 响应

javascript - 下拉菜单不适用于 bootstrap 4/webpack encore/symfony 4 helppp