Jquery 引导模式在两个滚动问题之间切换

Jquery 引导模式在两个滚动问题之间切换,jquery,bootstrap-modal,Jquery,Bootstrap Modal,我有下面一段javascript,它在两个引导模式之间切换 但是,当出现第二个模态时,当模态打开时附加到body类的引导类“modal open”不会添加到第二个模态上。所以模态背景会滚动,而不是模态本身 我需要做的修复是在打开第二个#priorityModal时将“modal open”类添加到body标记中 有人能告诉我如何将其添加到下面的代码中吗 function showDialog2() { $("#developmentModal").modal("hide"); $("#p

我有下面一段javascript,它在两个引导模式之间切换

但是,当出现第二个模态时,当模态打开时附加到body类的引导类“modal open”不会添加到第二个模态上。所以模态背景会滚动,而不是模态本身

我需要做的修复是在打开第二个#priorityModal时将“modal open”类添加到body标记中

有人能告诉我如何将其添加到下面的代码中吗

function showDialog2() {
  $("#developmentModal").modal("hide");
  $("#priorityModal").modal("show");
}

$("#toggledevelopmentModal").on("click", function () {
  showDialog2();
});

只有在上一个弹出窗口关闭后,才能打开新的弹出窗口

var developmentModal = $("#developmentModal"),
    priorityModal = $("#priorityModal");

function showDialog2() {    
    developmentModal.on('hidden.bs.modal', function () {
        priorityModal.modal("show")
    });
    developmentModal.modal("hide");
}
那应该很好

我想可能有答案

模态打开的移除似乎是在“显示”完成后触发的事件中完成的。 因此,可能需要在hidden.bs.modal事件的处理程序中重新启用它。(这就是我如何在自己的网站上让它工作得最好的。)

如文件所述。。。

这就是我所做的

<div id="firstModal" class="modal fade">
    <a
        id="firstModalToSecondModalLink"
        data-target="secondModal"
        class="switch-modal-link"
        href="#"
    >Switch to Modal 2</a>
    <a
        id="firstModalToThirdModalLink"
        data-target="thirdModal"
        class="switch-modal-link"
        href="#"
    >Switch to Modal 3</a>
</div>

<script>
    var next_modal = false;
    $('.switch-modal-link').click(function(e) {
        e.preventDefault();
        next_modal = $('#'+$(this).attr('data-target'));
        $(this)
            .closest('.modal')
            .modal('hide')
            .on(
                'hidden.bs.modal',
                function() {
                    if(next_modal) {
                        next_modal.modal({
                            show: true
                        });
                        next_modal = false;
                    }
                }
            );
    });
</script>

var next_modal=false;
$('.switch model link')。单击(函数(e){
e、 预防默认值();
next_modal=$('#'+$(this.attr('data-target'));
$(本)
.最近(“.modal”)
.modal('隐藏')
.在(
“hidden.bs.modal”,
函数(){
如果(下一个模式){
下一个模态({
秀:真的
});
next_modal=false;
}
}
);
});

当您调用
.modal(“show”)
时,它应该自动添加。您的模态在DOM中的位置是什么?它们是标记之前的最后一项,请尝试将它们添加到主体中。我是通过这个例子来的。看一看,当我尝试这个的时候,不幸的是什么都没有发生。第一个模态没有关闭,第二个模态没有打开这是一个正确的想法,我只是在下面的示例中(可能现在是上面)使它更加健壮。