发生这种情况的原因可能是模态应该是"body"元素的直接子元素。它不应该是"td"元素的一部分。
我一直在使用foundation 5,但explay模态不会触发,我完全不知所措。
这是模式代码
<td>
<a href="#" data-reveal-id="modal">Delete</a>
<div id="modal" class="reveal-modal medium" data-reveal>
<p></p>
<p>Please confirm</p>
<a class="button radius">Confirm</a>
<a class="close-reveal-modal">x</a>
</div>
</td>
在关闭body标记之前,脚本的顺序是正确的。
<script src="/js/vendor/modernizr.js"></script>
<script src="/js/vendor/jquery.js"></script>
<script src="/js/foundation.min.js"></script>
<script>
$(document).foundation();
</script>
我已经尝试将$(document).foundation();
封装在$(document).ready(function(){
中,但什么也没发生。警报框工作得很好,所以我对暴露模态的问题感到困惑。
如有任何帮助,我们将不胜感激。谢谢
我在这一页上找到了答案:http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open