美好的一天!

我刚开始在我们的项目上使用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/

10-09 23:08