有没有办法使用 Bootstrap 的模态功能来评估参数的 URL 并自动打开模态？
例如：
访问该网站的 URL 的访问者：example.com没有看到模态。他们只看到常规网站。
访问者通过 URL 访问该网站example.com?offer=1234 or example.com/offer1234看常规的example.com网站，但在页面加载时顶部有一个特殊的模式。
想不出任何方法来做到这一点。
是的，当然，如果查询字符串 (offer=1234) 或 URL (/offer1234) 匹配，则只需运行一些 JavaScript 代码即可实现此目的。
将此 javascript 代码插入到声明模态框的 div 之后的某个位置，通常最好在结尾之前添加</body> tag:
<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 模式，以及在哪里myModal定义一个 div 来显示你的模态内容（例如<div id="myModal"></div>).
有关更多选项和指南，请参阅文档。http://getbootstrap.com/javascript/#modals-options
更新我还整理了一个可以工作的 Plunker 为您演示：http://run.plnkr.co/yEBML6nxvxKDf0YC/?offer=1234
本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)
