美好的一天!
我刚开始在我们的元素中使用 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/