Wie öffnet man eine Stiftung Reveal modal javascript

Ich habe versucht zu Folgen, die Stiftung docs, aber ich kann wirklich nicht herausfinden, wie man öffnen Sie ein modales Fenster mit jQuery. Hier ist, was ich habe:

Fiddle

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');
 });

Dank, jede Hilfe wäre dankbar!

Es hängt davon ab, welche version der Stiftung, die Sie verwenden. Die neueste version der foundation verwendet $('#myModal').foundation('enthüllen', 'open'); zu öffnen, zeigen popup. Ältere Versionen verwenden $('.offenbaren-link').trigger('click'); @pcx erwähnt, Sie verwenden die gleiche ID für beide der zeigen-link und reveal-modal, die Ursache wäre ein javascript-Fehler.

InformationsquelleAutor Andrew | 2013-08-08

  1. 15

    Sind Sie versehentlich die Einstellung die gleiche id sowohl auf der <a> und <div> tags.

    Zwei Möglichkeiten, dies zu tun:

    1. Ihrem modal hat die id 'myModal', so sollte man das Attribut data-reveal-id='myModal' zu Ihrem <a> tag. Sie haben stattdessen setzen id="myModal", die Sie entfernen sollten. Der JavaScript, die Sie verwenden, sollte mit dieser änderung.

    2. Ändern Sie die <a> - tag-id id="modalLaucher" und dann verwenden:

      $("#modalLauncher").click(function (e) {
    $('#myModal').foundation('reveal', 'open');
});
    Dies ist möglicherweise veraltet, beziehen sich auf diese Frage eine bessere Antwort : stackoverflow.com/questions/33855505/...

    InformationsquelleAutor pcx

Schreibe einen Kommentar