基金会5显示模式不会打开
问题描述:
我一直在与基金会5,揭示模式不会触发,我完全处于亏损状态。基金会5显示模式不会打开
这里是模态码
<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(){
,但什么也没有发生。警报框工作得很好,所以我对揭示模态的问题感到困惑。
任何帮助,将不胜感激。谢谢。
答
这种情况发生的原因可能是因为模态应该是“身体”元素的直接子。它不应该是“td”元素的一部分。
,我发现这个网页上的答复: http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open
这看起来是正确的,所以我不知道原因是什么。您的浏览器控制台是否记录任何错误 – 2014-10-19 14:23:54
@AdamElsodaney没有控制台干净。完全相同的代码在jsfiddle中工作。 – mirrokle 2014-10-20 05:42:32
您是否将脚本放在适当的文件夹中,并且在源代码中是否有正确的脚本路径?我会仔细检查脚本是否对浏览器可见。另一个问题是你的浏览器通过“file://”访问你的脚本 - 你可以尝试运行一些HTTP服务器并通过它访问它。 – 2014-10-20 12:12:16