Bootstrap 与导航向导一起使用时模式消失

Question

我对 Bootstrap 模式有疑问。我将 Bootstrap3.x 用于模态模式，将 BootstrapWizard 用于自定义导航向导。所以这两个库都是必需的。当我点击 Modal 时，它会自动消失。谁能帮我解决这个问题？

Answer 1

我找到了解决这个问题的方法。我的初始 HTML 代码如下所示

<button class="btn-default" data-toggle="modal" data-target="#addPostModal" data-backdrop="static" data-keyboard="false">Add Posts</button>

但是我修改为

<button class="btn-default" id="myButton">Add Posts</button>

并编写了一个 jQuery 函数来处理点击操作

$(document).ready(function()
        {
            $("#myButton").click(function()
            {
                $("#addPostModal").modal("toggle");
            });
        });

简而言之，我从 HTML 中删除了切换功能并添加了切换方法。我们也可以从 onclick() 函数中删除 "toggle"，这没有任何区别。

$(document).ready(function()
            {
                $("#myButton").click(function()
                {
                    $("#addPostModal").modal();
                });
            });

Bootstrap 与导航向导一起使用时模式消失

Bootstrap Modal disappears when used with Navigation Wizard

wizard

bootstrap-modal

twitter-bootstrap-3