Jquery 引导模式在两个滚动问题之间切换
我有下面一段javascript,它在两个引导模式之间切换 但是,当出现第二个模态时,当模态打开时附加到body类的引导类“modal open”不会添加到第二个模态上。所以模态背景会滚动,而不是模态本身 我需要做的修复是在打开第二个#priorityModal时将“modal open”类添加到body标记中 有人能告诉我如何将其添加到下面的代码中吗Jquery 引导模式在两个滚动问题之间切换,jquery,bootstrap-modal,Jquery,Bootstrap Modal,我有下面一段javascript,它在两个引导模式之间切换 但是,当出现第二个模态时,当模态打开时附加到body类的引导类“modal open”不会添加到第二个模态上。所以模态背景会滚动,而不是模态本身 我需要做的修复是在打开第二个#priorityModal时将“modal open”类添加到body标记中 有人能告诉我如何将其添加到下面的代码中吗 function showDialog2() { $("#developmentModal").modal("hide"); $("#p
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中的位置是什么?它们是标记之前的最后一项,请尝试将它们添加到主体中。我是通过这个例子来的。看一看,当我尝试这个的时候,不幸的是什么都没有发生。第一个模态没有关闭,第二个模态没有打开这是一个正确的想法,我只是在下面的示例中(可能现在是上面)使它更加健壮。