我真的希望能够通过URL打开Foundation 5的Reveal Modal,所以我想如果我输入www.website.com/#myModal
,它会在页面加载后打开。
有没有办法在不使用jQuery的情况下执行此操作?我无法找到任何关于它的帖子,解释如何以干净的方式做到这一点。
答案 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