单击 link 将导航到新页面并在新页面上打开 B5 模式

Question

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

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

包含 link 的页面：

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

模态目标页面：

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

Answer 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();
  }
})

单击 link 将导航到新页面并在新页面上打开 B5 模式

Click a link that will navigate to a new page and open B5 modal on new page

bootstrap-modal

bootstrap-5