Opening Foundation通过URL显示Modal

时间:2014-04-13 10:56:24

标签: javascript modal-dialog zurb-foundation

我真的希望能够通过URL打开Foundation 5的Reveal Modal,所以我想如果我输入www.website.com/#myModal,它会在页面加载后打开。

有没有办法在不使用jQuery的情况下执行此操作?我无法找到任何关于它的帖子,解释如何以干净的方式做到这一点。

1 个答案:

答案 0 :(得分:3)

您需要做的是在加载页面时触发一个函数,从URL中读取片段(" myModal"在这种情况下),找到一个具有属性{{1 (这是Foundation注册哪个链接打开哪个模态)并模拟对其的点击。

data-reveal-id="myModal"

这可能无法使用的唯一浏览器是safari,因为它不支持document.addEventListener("DOMContentLoaded", function(event) { var id = window.location.hash.substring(1); // remove the # var element = document.querySelector('[data-reveal-id="' + id + '"]'); element.click(); }); 方法,但有workaround for that