javascript - 如何从另一个模式打开 Bootstrap 模式中的滚动功能？

Question

我目前在 Bootstrap Modal 中有两个按钮:

<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');
});

第一个模式正在关闭，然后第二个正在打开，但不幸的是我无法使用其中的滚动功能。
是否有任何解决方法来实现我正在寻找的东西？

Answer 1

这就是我试图让它像我预期的那样工作:

$('#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 次它打开模态。