Magnific Popup schließt, wenn geklickt überall

Ich verstehe es nicht, warum das Magnific Popup-plugin schließt das popup, wenn ich auf überall auf dem popup. Es verfügt über die X-Schaltfläche in der Ecke konzipiert, dass zu tun, schon. Weiß jemand wie man es beheben, so dass es nur dann schließt, wenn ich auf das X?

Folgenden Code:

Öffnen

<script type="text/javascript">
      $(document).ready(function() {

        $('.simple-ajax-popup-align-top').magnificPopup({
          type: 'ajax',
          alignTop: true,
          overflowY: 'scroll' //as we know that popup content is tall we set scroll overflow by default to avoid jump
        });

        $('.simple-ajax-popup').magnificPopup({
          type: 'ajax'
        });

      });
    </script>

Ich denke, ich habe herausgefunden, das ein Teil davon. Ich fügte hinzu, modal: true, und jetzt es lässt sich nicht schließen. Aber der schließen-button funktioniert auch nicht. So jetzt bin ich wieder lieferbar.
Jemand will zu läuten? Ich höre Grillen.

InformationsquelleAutor user5248 | 2014-04-22

jquery magnific-popup

10

Den nachstehenden Parametern in magnific-popup-Fenster wird Ihnen helfen, schließen Sie das popup-Fenster,

closeOnBgClick: wenn es wahr ist, das popup-Fenster wird geschlossen und das wo immer Sie auf auf außerhalb des Inhalts(schwarz mit overlay). Um dies zu verhindern, weisen Sie den Wert false zu schließen, nur beim klicken auf X (schließen) - Schaltfläche oben rechts in der cornor des popup. Durch defualt, true zugewiesen ist, für dieses Attribut.

enableEscapeKey: wenn es wahr ist, das popup-Fenster schließen, wenn Sie auf die escape-Taste. Um dies zu verhindern, weisen Sie den Wert false zu schließen, nur beim klicken auf X (schließen) - Schaltfläche oben rechts in der cornor des popup. Durch defualt, true zugewiesen ist, für diese.

Hoffe, dass diese Punkte kann Ihnen dabei helfen.!

InformationsquelleAutor Srinivasan.S
3

Ich hatte das gleiche Problem, aber auf der Suche durch den code habe ich gefunden, was das problem war.

In den Quellcode, dort ist ein _checkIfClose Funktion, die prüft, wo ein Klick erfolgt. Allerdings, wenn es prüft, um zu sehen, wenn Sie ein klicken innerhalb des content, überprüft das root-element die Nachkommen statt des Containers Nachkommen. Die Inhalte, die ich war, laden durch ajax nicht über ein root-element, sowas hatte ich:
```
<ul><li></li><li></li></ul>
<div></div>
<div></div>
```
Durch hinzufügen einer mit <div> tag um meinen Inhalt, das problem behoben.

Wird es noch in der Nähe, wenn Sie Sie außerhalb Ihrer ajaxed Inhalte - zum Beispiel habe ich css padding auf die traumhafte container um meine Inhalte, also, wenn ich auf der Polsterung, wird es noch enger.

Hoffe, das hilft!
- Diese Lösung funktionierte für mich auch -- danke Euch SO SEHR, ich würde nie gewusst haben. FYI an andere Menschen mit diesem problem in der Zukunft: meine situation war hatte ich ein inline - <script> tag, das war außerhalb meines root-element... ich hätte nicht gedacht, das wäre egal, aber ich denke, es tut. Einfach bewegend, dass <script> tag in meinem container <div> das problem bei mir gelöst.
- auch arbeitete, mochte ein html-Kommentar vor dem parent-div. cheers
InformationsquelleAutor Jo.

Dies ist, was ich in meiner js:

<script>
  $(document).ready(function() {
    $('.magnific-popup-link').magnificPopup({
      type: 'ajax',
      midClick: true,
      mainClass: 'mfp-fade',
      closeOnBgClick: false 
    });
  });
</script>

Grüße und ich hoffe, das hilft!

InformationsquelleAutor codeNinja_john

Ich hatte das gleiche Problem. Lesen von code irgendwo fand ich eine Klasse (mfp-verhindern-nah), die verhindert, dass die popup-Verschluss.

Hinzufügen, um alle Elemente in den popup funktioniert (es ist nicht sehr elegant, aber, hey, fertig :P).

Hier einige meiner popup-Inhalt

<div class="half left pb mfp-prevent-close">
    <label id="first_name_1_label" for="first_name_1" class="fieldLabel firstOfCol left mfp-prevent-close">First Name</label>
    <input id="first_name_1" name="first_name_1" class="fieldInput left mfp-prevent-close" type="text">
    <label id="surname_1_label" for="surname_1" class="fieldLabel left mfp-prevent-close">Surname</label>
    <input id="surname_1" name="surname_1" class="fieldInput left mfp-prevent-close" type="text">
    <label id="salutation_label" for="salutation" class="fieldLabel left mfp-prevent-close">Salutation</label>
    <div class="left mfp-prevent-close" style="min-width: 280px;">
        <select id="salutation" name="salutation" class="fieldInput quarter left mfp-prevent-close">
            <option class="mfp-prevent-close" value=""></option>
            <option class="mfp-prevent-close" value="Mr.">Mr.</option>
            <option class="mfp-prevent-close" value="Mrs.">Mrs.</option>
            <option class="mfp-prevent-close" value="Ms.">Ms.</option>
            <option class="mfp-prevent-close" value="Miss">Miss</option>
            <option class="mfp-prevent-close" value="Dr.">Dr.</option>
            <option class="mfp-prevent-close" value="Prof.">Prof.</option>
            <option class="mfp-prevent-close" value="Other">Other</option>
        </select>
        <input id="salutation_other" name="salutation_other" class="fieldInput quarter right mfp-prevent-close" type="text" disabled="true">
    </div>
</div>

(Ich hatte Sie auch in der option ist, weil Firefox geschlossen wird das popup bei der Auswahl).

InformationsquelleAutor jdev

Dies ist, was ich verwendet

<script type="text/javascript">
$("#custom-content").click(function(e){
  if ($(e.target).is('.mfp-close')) return;
  if ($(e.target).is('a')) return;
  return false;
});
</script>

InformationsquelleAutor arjun

Schließen schattigen klicken Sie auf die Funktion und schließen Sie die ESC-Taste zum verlassen der Funktion den Fehler, eine Lösung zu finden,

JS:

$('.jq-btn-contact').magnificPopup({
  items: {
    src: '../contact/index.html',
    type: 'iframe',
    closeOnBgClick: 'false',
    enableEscapeKey: 'false'
  }
});

InformationsquelleAutor Angel

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.