我目前在Bootstrap模式中有两个按钮:
<button type="button" class="left_portfolio_item portfolio_controls"></button>
<button id="to_modal_two" type="button" class="right_portfolio_item portfolio_controls"></button>
第二个ID为to_modal_two
的人,在点击时,应关闭第一个模态(他所在的模态)并打开第二个模态。
为实现这一点,我使用的是jQuery:
$('#to_modal_two').click(function() {
$('#modal_one').modal('hide');
$('#modal_two').modal('show');
});
第一个模式正在关闭然后第二个模式正在打开但不幸的是我无法使用其中的滚动功能。
有没有可以解决我想要的工作?
答案 0 :(得分:0)
这就是我试图让它像我想要的那样工作:
$('#to_modal_two').click(function() {
$('body').removeClass('modal-open');
$('body').css("padding-right","");
$('#modal_one').removeClass('in');
$('#modal_one').css("display","");
$('#modal_one').attr("aria-hidden","true");
$('.modal-backdrop').hide();
$('#modal_two').modal('show');
});
我还没弄清楚如何修复它的一个错误是在关闭第二个模式以使用“正常方式”(<button type="button" data-toggle="modal" data-target="#modal_one"></button>
)访问第一个模式后,我必须做2或3在打开模态之前点击。