0

这与几个问题有关。调用 Bootstrap 模态,但它有一个特殊的情况,即:

页面 A 有一个按钮,单击该按钮时会加载页面 B,并在页面 B 上调用模式。

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

如果用户以任何方式导航到页面 B,而不是单击页面 A 按钮,则页面 B 模式将保持隐藏状态,直到单击页面 B 按钮。

这清楚吗?

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

建议的解决方案表示赞赏。

mjb

4

2 回答 2

2

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

页面 A

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

B页

if (window.location.search.indexOf('openModal') != -1) {
  $("#modal").modal('show');
}
于 2013-08-26T19:04:57.613 回答
0

如果您想使用窗口定位服务独立于任何链接(内部或外部)触发标准引导模式,您可以这样做:

标准引导模式设置:

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

在 jQuery 内部准备好或加载(确保页面已加载或出错):

if(window.location.hash) {
  var hash = window.location.hash;
  $(hash).modal('toggle');
}
  1. 第一行检查 url 是否包含哈希
  2. 第二行将散列变量设置为在 url 中找到的散列
  3. 第三行切换其 id 与找到的哈希匹配的模式

#dynaModal 的示例链接:

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

如果哈希与模态的 ID 不匹配,则代码不会运行。如果代码在 url 中找到与模式 ID 匹配的哈希,则代码运行。

于 2016-05-11T20:55:53.783 回答