基础5模态不起作用

Question

我确定我犯的是一个愚蠢的错误,但它花了我几个小时,我找不到解决问题的方法.一切似乎都好但不起作用.我正在使用Foundation 5透露.但是模态窗口没有显示.这是我的代码:

HTML

<a class="openModal" href="#" data-reveal-id="imagemodal"><img src="image.jpg" /></a>
<div id="imagemodal" class="reveal-modal" data-reveal>Modal</div>

我还在body标签中包含了以下js文件:

<script type="text/javascript" src="js/foundation/foundation.js"></script>
<script>
    $(document).foundation();
</script>
<script type="text/javascript" src="js/foundation/foundation.reveal.js"></script> 

任何帮助都提前感谢.

Answer 1

在打电话之前打电话给foundation.reveal.js $(document).foundation();.

我很确定这是因为$(document).foundation();它只启动那些之前已经指定过的模块,这是Foundation在其注释中没有说明的内容.

Foundation为您提供了自定义插件初始化的选项.默认情况下,调用$('#scope').foundation(); 将初始化页面上的所有可用插件.