Reveal modal Foundation6

Question

Ich verwende Foundation6 und meine offenbaren modal nicht funktioniert (es ist nur eine nach oben scrollen, wenn ich auf den Link klicken)

Jedoch habe ich die Stiftung Dokumente gelesen habe (http://foundation.zurb.com/sites/docs/v/5.5.3/components/reveal.html)!

Also das ist mein Code:

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

I Foundation in der Befehlszeile installiert haben.

Answer 1

You need to be reading the v6 docs for Foundation wenn Sie es verwenden.

Dies ist das modale Beispiel:

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

Und der Link um es zu öffnen:

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

Resolve, die Version, die Sie so verwenden sind, können Sie die richtigen Klassen und IDs in Ihrem speziellen verwenden Fall.