Фонд 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> 

И порядок скриптов в правильном порядке, как раз перед закрытием тега тела.

<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