파운데이션 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).ready(function(){에 $(document).foundation();을 포장하는 것을 시도했다, 그러나 아무것도 발생하지 않습니다. 경고 상자는 정상적으로 작동하므로 공개 모달의 문제에 당황 스럽습니다.

도움을 주시면 감사하겠습니다. 감사.

Answer 1

이 이유는 아마도 모달이 "body"요소의 직접적인 자식이어야하기 때문일 수 있습니다. "td"요소의 일부가 아니어야합니다.

나는이 페이지에 대한 답을 찾을 : http://foundation.zurb.com/forum/posts/20051-foundation-5-reveal-modal-doesnt-open