这与几个问题有关。调用 Bootstrap 模态,但它有一个特殊的情况,即:
页面 A 有一个按钮,单击该按钮时会加载页面 B,并在页面 B 上调用模式。
B页上的模态通过两种方法打开;从页面 A 按钮单击,或,页面 B 按钮单击。
如果用户以任何方式导航到页面 B,而不是单击页面 A 按钮,则页面 B 模式将保持隐藏状态,直到单击页面 B 按钮。
这清楚吗?
页面 B 按钮点击当前功能打开模态。需要在页面 A 按钮单击时打开页面 B 模态。
建议的解决方案表示赞赏。
mjb
这与几个问题有关。调用 Bootstrap 模态,但它有一个特殊的情况,即:
页面 A 有一个按钮,单击该按钮时会加载页面 B,并在页面 B 上调用模式。
B页上的模态通过两种方法打开;从页面 A 按钮单击,或,页面 B 按钮单击。
如果用户以任何方式导航到页面 B,而不是单击页面 A 按钮,则页面 B 模式将保持隐藏状态,直到单击页面 B 按钮。
这清楚吗?
页面 B 按钮点击当前功能打开模态。需要在页面 A 按钮单击时打开页面 B 模态。
建议的解决方案表示赞赏。
mjb
您可以将查询字符串参数传递给 Page B。
页面 A
<a href="pageB?openModal=true">Go to Page B</a>
B页
if (window.location.search.indexOf('openModal') != -1) {
$("#modal").modal('show');
}
如果您想使用窗口定位服务独立于任何链接(内部或外部)触发标准引导模式,您可以这样做:
标准引导模式设置:
<div class="modal fade" id="dynaModal">Content</div>
在 jQuery 内部准备好或加载(确保页面已加载或出错):
if(window.location.hash) {
var hash = window.location.hash;
$(hash).modal('toggle');
}
#dynaModal 的示例链接:
<a href="pageB.html#dynaModal">Open Page B Modal</a>
如果哈希与模态的 ID 不匹配,则代码不会运行。如果代码在 url 中找到与模式 ID 匹配的哈希,则代码运行。