Foundation 5显示模式未打开

Question

I have been working with foundation 5, the reveal modal does not trigger and I'm totally at a loss.

Here's the modal code

<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>

And the order of the scripts is in the right order just before closing the body tag.

<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>

I have tried to wrap the $(document).foundation(); in $(document).ready(function(){ , but nothing is happening. The alert boxes work just fine, so I'm baffled by the problem with reveal modals.

Any help would be appreciated. Thanks.

Answer 1

The reason this happening, is perhaps because the modal should be the direct child of the "body" element. It should not be part of the "td" element.

I found the answer on this page: http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open