我一直在尝试遵循 Foundation 文档,但我真的不知道如何使用 jQuery 打开模式窗口。这是我所拥有的:
HTML:
<a href="#" id="myModal" class="reveal-link">Name</a>
<div id="myModal" class="reveal-modal">
<a class="close-reveal-modal">×</a>
</div>
jQuery:
$(document).ready(function(){
$(document).foundation();
$('a.reveal-link').trigger('click');
$('a.close-reveal-modal').trigger('click');
});
谢谢,任何帮助将不胜感激!
最佳答案
您错误地在 <a>
上设置了相同的 ID和<div>
标签。
有两种方法可以做到这一点:
您的模态框的 ID 为“myModal”,因此您应该设置属性
data-reveal-id='myModal'
给您<a>
标签。相反,您设置了id="myModal"
,您应该删除它。您正在使用的 JavaScript 应该可以适应此更改。更改
<a>
标签的 id 为id="modalLaucher"
然后使用:$("#modalLauncher").click(function (e) { $('#myModal').foundation('reveal', 'open'); });
关于jquery - 如何打开 Foundation Reveal 模式 javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/18132946/