Question

我的Bootstrap Modal存在问题。我使用Bootstrap3.x for Modal和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函数来处理onclick动作

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

简而言之，我从HTML中删除了切换功能并添加了切换方法。我们也可以删除＆＃34;切换＆＃34;从onclick（）函数来看，它没有任何区别。

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

与导航向导一起使用时，Bootstrap Modal会消失

1 个答案: