$ (document) .ready (Wie man .ready beim Laden der Seite stoppt und stattdessen .ready nur erlaubt, wenn ein HTML-Link geklickt wird)

Question

Ich lerne immer noch, bitte helfen Sie!

Ich versuche, ein Modal Popup anzuwenden, das nur angezeigt wird, wenn auf eine Verknüpfung geklickt wird, anstatt wenn die Seite geladen wird. Mein Modal Popup funktioniert alles gut, aber ich möchte ausschalten/verhindern, dass das Popup überhaupt nicht erscheint, wenn die Seite geladen wird, und es einfach nur das Popup aufrufen, wenn ich auf den gewählten Link klicke.

$(document).ready(function() { 
    $("#popup-1").myModal({ 
     // Functionality goes below this line 
    }); 
}); 

Und die

<div id="popup-1" class="myModal"> 
     <div class="window"> 
      <!-- Your popup content --> 
      <div class="wrap demo-1"> 
       <div class="title">Some Text Here</p> 
       <form> 
        <input type="text" class="field" placeholder="Your email goes here" /> 
        <input type="submit" class="closeModal send" value="Submit" /> 
       </form> 
       <label class="deny closeModal">Some Text Here</label> 
      </div> 
      <div class="cta demo-1"> 
       <span class="icon"></span> 
       <p>Some Text Here</span></p> 
      </div> 
      <!--/Your popup content --> 
     </div> 
    </div> 

Gibt es eine einfache Lösung ich dieses Problem lösen anwenden können? Ich habe unzählige Stunden damit verbracht, bestehende Posts und Foren durchzugehen, aber fast jede Anfrage zielt nicht auf die gleiche spezifische Frage ab, die ich auf der Grundlage meines tatsächlich vorhandenen Codes erreichen möchte.

Mein cose für den Link klicken

<a href="" src="#openmyModal-1">Newsletter</a> 

Ihre Hilfe wird sehr

Answer 1

geschätzt aktivieren Sie Ihre modal Öffnungscode auszuführen, wenn ein Link statt geklickt wird, wenn die Bereitschafts Ereignis ausgelöst wird:

$('#modal-link').on('click', function() { 
    $("#popup-1").myModal({ 
     // Functionality goes below this line 
    }); 
}); 

unter der Annahme, die Verbindung Ihrer modalen Öffnung ist:

<a href="#" id="modal-link">link</a>