javascript - 如何禁用 Bootstrap 中的步骤导航？

Question

下面是 Bootstrap 步骤导航的图像，

现在我在页面底部有一个“下一步”按钮(在这张图片中不可见)，按下“下一步”按钮我从“第一步基本信息”转到“第二步餐厅类别” .但问题是，当我从导航中单击“2”或“3”时，我可以转到相关步骤。我想禁用此功能，因为我只希望用户按“下一步”按钮从一个步骤转到另一个步骤。任何人都可以帮助我如何禁用导航栏中的导航吗？提前致谢。

Answer 1

刚刚得到解决方案，

在文件中包含以下脚本，

  <script>
        $(document).ready(function() {
                  $('#rootwizard').bootstrapWizard({onTabClick: function(tab, navigation, index) {
                        alert('on tab click disabled');
                        return false;
                }});        
</script>

您可以删除 alert()。