在页面加载上启动Bootstrap模式，在上一页按钮上单击

Question

这与几个问题有关。调用Bootstrap模式，但它有一个特殊的情况，即：

页面A有一个按钮，当点击它时，加载页面B，AND在页面B上调用一个模态。

页面B上的模态通过两种方法打开;从页面A按钮单击，或，单击页面B按钮。

如果用户通过除页面A按钮单击之外的任何方式导航到页面B，则页面B模态保持隐藏，直到单击页面B按钮。

这是否清楚？

页面B按钮单击当前功能以打开模态。需要在页面A按钮上单击打开页面B模式。

建议的解决方案赞赏。

MJB

Answer 1

您可以将查询字符串参数传递给Page B.

第A页

<a href="pageB?openModal=true">Go to Page B</a>

第B页

if (window.location.search.indexOf('openModal') != -1) {
  $("#modal").modal('show');
}

Answer 2

如果您想使用窗口位置服务独立于任何链接（内部或外部）触发标准引导模式，您可以这样做：

标准Bootstrap模态设置：

<div class="modal fade" id="dynaModal">Content</div>

在准备好或正在加载的jQuery内部（确保页面已加载或出错）：

if(window.location.hash) {
  var hash = window.location.hash;
  $(hash).modal('toggle');
}

1. 第一行检查网址是否包含哈希
2. 第二行将哈希变量设置为url
中的哈希值
3. 第三行切换其id与找到的哈希
匹配的模态

#dynaModal的示例链接：

<a href="pageB.html#dynaModal">Open Page B Modal</a>

如果散列与模态的ID不匹配，则代码不会运行。如果代码在url中找到与模态ID匹配的哈希值，则代码将运行。