Ouverture de la Fondation de Révéler Cliquez sur & Fonctions de Rappel?

Je suis de la migration de jQueryTools de Superposition, et je ne peux pas vraiment saisir la documentation sur la façon d'ouvrir un Reveal de JavaScript cliquez sur l'événement.

Soi-disant j'ai ce code:

<a href="#revealModal" class="revealTrigger">Click Me For A Modal</a>
<div id="revealModal" class="reveal-modal">
    <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
</div>

Généralement, j'ai le code de l'événement click dans jQueryTools Superposition quelque chose comme:

$('.revealTrigger').click(function() {
    $('#revealModal').reveal();
});

Mais cela ne fonctionne pas. Ce qui est l'équivalent de corriger le code pour en Révéler?

Et à propos des événements de rappel? Puis-je écrire quelque chose comme ceci:

$('.revealTrigger').click(function() {
    $('#revealModal').reveal({
        open: function(){
            //prepare some stuff before showing
        },
        opened: function(){
            //execute stuff prepared by open function
        },
    });
});
InformationsquelleAutor Ramil | 2013-03-21
  1. 4

    Un Révèlent modale peut être ouvert de deux façons, par attribut:

    <a href="#" data-reveal-id="myModal">Click Me For A Modal</a>
 <div id="myModal" class="reveal-modal">
      <h2>Awesome. I have it.</h2>
      <p class="lead">Your couch.  It is mine.</p>
      <p>Im a cool paragraph that lives inside of an even cooler modal. Wins</p>
      <a class="close-reveal-modal">&#215;</a>
    </div>

    ou par javascript:

    <a class="large button" onclick="javascript:showModal();" href="#">Show Modal</a>

<script>
     $('#myModal').foundation('reveal', {
          opened: function () {
              alert('The couch was stolen!');
          },
          closed: function () {
              alert("Now it's yours again");
          }
     });
     $(document).foundation();
     function showModal() {
         $('#myModal').foundation('reveal', 'open');          
     }
</script>
    • Comment à propos des événements de rappel?
    • Voir ma réponse mis à jour, quelqu'un m'a juste dit que pour faire le travail de configuration, il important que vous ne les paramètres d'abord avant de le fondation init ($(document).foundation();)
    • Il a travaillé, mais j'ai décidé d'utiliser un autre plugin. Il semble qu'il ne peut pas faire ce que je voulais.
    InformationsquelleAutor von v.
  2. 0

    Vous pouvez également lier les ouvrir, ouvert, fermé et fermé événements.

    #CoffeeScript
$("div[class$='-modal']").on "opened", ->
  console.log "howdy"
    InformationsquelleAutor Nick Treadway
  3. 0

    Veuillez utiliser le code ci-dessous

       $('#modal_id').bind('closed', function() {
     console.log("myModal closed!");
   });
    InformationsquelleAutor Aman