Question

HTML：

<div class="container">
        <div class="modal fade" id="myModal2" role="dialog">
            <div class="modal-dialog modal-lg">
                <div class="modal-content">
                    <div class="modal-header">
                    </div>
                    <div class="modal-body">
                    </div>
                    <div class="modal-footer">
                    </div>
                </div>
            </div>
        </div>
    </div>

和

<input type="button" class="btn btn-success" id="submit2" value="Finish Recording">

我的目标是点击按钮，重定向到另一个页面，加载重定向页面时，模式应显示在新页面中。

我知道我可以使用多个按钮轻松完成所有这些操作，但这不是我想要的，我甚至尝试了一个无效的睡眠功能。

JS：

$('#submit2').on('click', function (e) {

  location.href = "bot.net";

  $('#myModal2').modal('show');

});

知道怎么做吗？

Answer 1

在您要显示的页面上制作模态

<div class="container">
    <div class="modal fade" id="myModal2" role="dialog">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-header">
                </div>
                <div class="modal-body">
                </div>
                <div class="modal-footer">
                </div>
            </div>
        </div>
    </div>
</div>

从提交表单的第一页开始

JS：

$('#myForm').on('click', function (e) {
  location.href = "bot.net?showModel=1";
});

在文档准备好的bot.net页面上检查GET元素并将其存储在另一个变量

中

$(document).ready(function(){
   if(showModel == 1){
       $('#myModal2').modal('show');
  }
})

如何通过单击上一页中的按钮重定向到新页面并在那里显示模态？

1 个答案: