基金会5显示模式不会打开

Question

我一直在与基金会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(){，但什么也没有发生。警报框工作得很好，所以我对揭示模态的问题感到困惑。

任何帮助，将不胜感激。谢谢。

Answer 1

这种情况发生的原因可能是因为模态应该是“身体”元素的直接子。它不应该是“td”元素的一部分。

，我发现这个网页上的答复： http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open