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

Question

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

例如:

使用URL的网站访问者:example.com看不到模态.他们只看到常规网站.

访问带有URL的站点的访问者example.com?offer=1234或example.com/offer1234查看常规example.com站点,但在页面加载时使用顶部的特殊模式.

无法想办法做到这一点.

Answer 1

是的,当然,如果查询字符串(offer = 1234)或URL(/ offer1234)匹配,则只能运行一些JavaScript代码.

在声明模式的div之后的某处插入此javascript代码,通常最好在结束</body>标记之前添加:

<script type="text/javascript">
var url = window.location.href;
if(url.indexOf('?offer=1234') != -1 || url.IndexOf('/offer1234') != -1) {
    $('#myModal').modal('show');
}
</script>

您可以根据需要调整if语句,||如果您只想测试其中一个url模式,则只排除双管符号(OR)两侧的一个语句,并在其中myModal定义一个div以显示您的模态内容(例如.<div id="myModal"></div>).

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

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