单击将导航到新页面的链接并在新页面上打开 B5 模式答案

【问题标题】：Click a link that will navigate to a new page and open B5 modal on new page单击将导航到新页面的链接并在新页面上打开 B5 模式
【发布时间】：2021-11-15 06:35:26
【问题描述】：

我有一个页脚链接，可以将用户重定向回主页，并且应该打开一个现有的模式。

我能找到的唯一参考如下，但是它不起作用。

带有链接的页面：

$('.nav-link').on('click', function (e) {
  location.href = "index.html?showModal=1";
});

带有模态的目标页面：

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

【问题讨论】：

你是如何实现这段代码的？它位于哪里？会发生什么？
第一个代码 sn-p 在二级页面上，第二个在主索引上。索引控制台错误Uncaught ReferenceError: showModal is not defined

标签： bootstrap-modal bootstrap-5

【解决方案1】：

你不正确fetching the GET parameter。
你需要定义showModal如下：

$(document).ready(function(){
   let showModal = new URLSearchParams(window.location.search).get('showModal')
   if(showModal == 1){
       $('#modal').modal('show');
  }
})

如果仍然失败，您可能需要get the BS Modal instance，然后致电show()。

$(document).ready(function(){
   let showModal = new URLSearchParams(window.location.search).get('showModal')
   if(showModal == 1){
       let myModal = bootstrap.Modal.getInstance(document.getElementById('modal'));
       myModal.show();
  }
})

【讨论】：

这成功了！非常感谢你
您是否必须执行这两个步骤，还是第一个步骤有效？
第一步完美运行。