仅当URL具有某些参数时才显示引导模式

有没有办法使用Bootstrap的模态function来评估参数的URL并自动打开模态？

例如：

使用URL： example.com的网站访问者看不到该模式。 他们只看到常规网站。

使用URL example.com?offer=1234或example.com/offer1234访问网站的访问者会看到常规的example.com网站，但在页面加载时会在顶部显示一个特殊模式。

无法想出办法做到这一点。

Answer 1

是的，当然，如果查询字符串（offer = 1234）或URL（/ offer1234）匹配，则只能运行一些JavaScript代码。

在声明模式的div之后的某处插入此javascript代码，通常最好在结束标记之前添加：

您可以根据需要调整if语句，只排除双管符号||两侧的一个语句 （或者）如果您只想测试其中一个url模式，并且myModal定义了一个div，其中myModal要显示的模态内容（例如

）。

有关更多选项和指南，请参阅文档。 http://getbootstrap.com/javascript/#modals-options

更新我还为你演示了一个有效的Plunker演示： http ：//run.plnkr.co/yEBML6nxvxKDf0YC/？offer = 1234

Answer 2

您可以检查URL是否有“提供”或不隐藏/显示模式

 var hasParam = window.location.href.indexOf('offer'); if(hasParam) { $('#aModal').show(); } else { $('#aModal').hide(); }