모달 Foundation6

Question

내가 Foundation6 등을 사용하고 있습니다를 밝혀 내 모달 내가 재단 문서 (http://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html)을 읽었습니다 그러나

(나는 링크를 클릭하면 맨 그냥 스크롤이) 작동하지 않습니다 공개! 내가 명령 줄에서 재단을 설치 한

<a href="#" class="button green" data-reveal-id="addMusic"> 
    <i class='fi-plus medium'></i>&nbsp; 
    <strong>Ajouter une musique</strong> 
</a> 

<div id="addMusic" class="reveal-modal" data-reveal aria-labelledby="modalTitle" aria-hidden="true" role="dialog"> 
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p> 
    <a class="close-reveal-modal" aria-label="Close">&#215;</a> 
</div> 

:

그래서이 내 코드입니다.

Answer 1

You need to be reading the v6 docs for Foundation 사용중인 경우

이 모달 예입니다

<div class="reveal" id="exampleModal1" data-reveal> 
    <h1>Awesome. I Have It.</h1> 
    <p class="lead">Your couch. It is mine.</p> 
    <p>I'm a cool paragraph that lives inside of an even cooler modal. Wins!</p> 
    <button class="close-button" data-close aria-label="Close modal" type="button"> 
    <span aria-hidden="true">&times;</span> 
    </button> 
</div> 

그리고 그것을 열 수있는 링크 : 당신이 당신의 특히 적절한 클래스와 아이디의를 사용할 수 있도록 사용중인 버전

<a data-open="exampleModal1">Click me for a modal</a> 

해결 케이스.