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

Question

再会！

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

例如，如果游览的当前亮点位于一组按钮上，是否有办法使用户在游览时无法单击它们？

任何帮助将非常感激！:)

Answer 1

您可以在显示/隐藏步骤时指定回调函数。在这些函数中，您可以访问当前元素，并且可以对其进行操作（请参阅文档：游览选项）：

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');
    }
})