Javascript 在页面加载时启动引导模式,取决于上一页按钮单击

Javascript 在页面加载时启动引导模式,取决于上一页按钮单击,javascript,jquery,twitter-bootstrap,modal-dialog,Javascript,Jquery,Twitter Bootstrap,Modal Dialog,这与几个问题有关。调用引导模式,但它有一个特殊情况,即: 页面A有一个按钮,单击该按钮时,加载页面B,并调用页面B上的模式 页面B上的Modal通过两种方法打开;从A页按钮单击,或从B页按钮单击 如果用户通过除a页按钮单击以外的任何方式导航到B页,B页模式将保持隐藏,直到B页按钮单击为止 清楚了吗 页面B按钮单击当前功能打开模式。需要打开页面B模式,点击页面A按钮 欢迎提出解决方案 mjb您可以将查询字符串参数传递到页面B 第A页 第B页 if (window.location.search.

这与几个问题有关。调用引导模式,但它有一个特殊情况,即:

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

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

如果用户通过除a页按钮单击以外的任何方式导航到B页,B页模式将保持隐藏,直到B页按钮单击为止

清楚了吗

页面B按钮单击当前功能打开模式。需要打开页面B模式,点击页面A按钮

欢迎提出解决方案


mjb

您可以将查询字符串参数传递到页面B

第A页

第B页

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

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

标准引导模式设置:

内容

在jQuery内部,准备就绪或已加载(确保页面已加载或出现错误):

  • 第一行检查url是否包含哈希
  • 第二行将哈希变量设置为在url中找到的哈希
  • 第三行切换id与找到的哈希匹配的模式
  • #dynaModal的示例链接:

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

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

    对不起。尝试格式化后续内容,失败并被删除。我应该提到,这是在一个WP网站的背景下,使用股票引导模式方法。因此,不确定如何使用您的上述建议来实现。您可以将js放在B页的脚本标记中,或者放在B页包含的外部文件中。
    <a href="pageB.html#dynaModal">Open Page B Modal</a>