Comment ouvrir une Fondation Révéler modal javascript

J'ai essayé de suivre la Fondation docs, mais je ne peux vraiment pas comprendre comment ouvrir une fenêtre modale à l'aide de jQuery. Voici ce que j'ai:

Violon

HTML:

<a href="#" id="myModal" class="reveal-link">Name</a>

<div id="myModal" class="reveal-modal">
      <a class="close-reveal-modal">&#215;</a>
</div>

jQuery:

$(document).ready(function(){
    $(document).foundation();
    $('a.reveal-link').trigger('click');
    $('a.close-reveal-modal').trigger('click');
 });

Grâce, toute aide serait appréciée!

Il dépend de la version de fondation que vous utilisez. La version la plus récente de la fondation utilise $('#myModal').fondation('révéler', 'open'); pour ouvrir un révèlent popup. Les anciennes versions d'utiliser $("une.révèlent-link").trigger('click'); @pcx mentionné, vous utilisez le même IDENTIFIANT pour le révéler-link et de révéler-modal qui serait la cause d'une erreur de javascript.

OriginalL'auteur Andrew | 2013-08-08

  1. 15

    Vous êtes à tort de fixer le même id sur le <a> et <div> balises.

    Deux façons de le faire:

    1. Votre modal a l'id 'myModal, de sorte que vous devez définir l'attribut data-reveal-id='myModal' à votre <a> tag. Vous avez, à la place id="myModal", que vous devez supprimer. Le code JavaScript que vous utilisez doivent travailler avec ce changement.

    2. Changer le <a> id de la balise à id="modalLaucher" et ensuite utiliser:

      $("#modalLauncher").click(function (e) {
    $('#myModal').foundation('reveal', 'open');
});
    Cela pourrait être obsolète, reportez-vous à cette question pour une meilleure réponse : stackoverflow.com/questions/33855505/...

    OriginalL'auteur pcx