Zurb Foundation-Reveal-Modal - Verhinderung in der Nähe auf den hintergrund klicken

Wenn ich öffne meinen Reveal-Modalich möchte verhindern, dass es geschlossen auf den hintergrund klicken (das ist ein Standard-Verhalten).

Ich bin mit Zurb Foundation 5.0.2.

Jede mögliche Hilfe würde geschätzt.

InformationsquelleAutor der Frage alexs333 | 2014-02-21

  1. 28

    Wenn Sie die closeOnBackgroundClick option false dann Ihre modal nicht schließen, wenn Sie klicken Sie auf in den hintergrund.

    <div class="reveal-modal" data-options="closeOnBackgroundClick:false">

    InformationsquelleAutor der Antwort Dave Sag

  2. 13

    Yehhhhh Es Endlich Gefunden:

    Setzen Sie folgenden code auf Ihrer Grundlage enthüllen Modell. Als es nicht in der Nähe, indem Sie auf den hintergrund oder durch drücken der esc-Taste.

    data-options="close_on_background_click:false;close_on_esc:false;"

    Ex:

    <div id="AccessContainer" class="reveal-modal" data-reveal data-options="close_on_background_click:false;close_on_esc:false;">
</div>

    InformationsquelleAutor der Antwort Rav's Patel

  3. 3

    Zu diesem Zweck können Sie Global, indem Sie die folgende Zeile JavaScript, bevor Sie mit modals:

    Foundation.libs.reveal.settings.close_on_background_click = false;

    InformationsquelleAutor der Antwort Chris Peacock

  4. 1

    Wenn mit der stand-alone Offenbaren plugin hier: https://zurb.com/playground/reveal-modal-plugin

    Verwenden Sie die folgende auf den link, öffnet sich die modal.

    <a href="#" data-reveal-id="myModal" data-closeonbackgroundclick="false">Open Modal</a>

    InformationsquelleAutor der Antwort Trent Turner

  5. 1

    Für alle, die sich bei dieser Frage im Jahr 2018, ich bin mit der Version 6.4.0 funktioniert:

    data-close-on-click="false" data-close-on-esc="false"

    Ich fügte hinzu, dass die Fuge div so, und es funktioniert (Juli 2018):

    <div class="reveal" id="modalVideo" data-reveal data-close-on-click="false" data-close-on-esc="false">

    InformationsquelleAutor der Antwort Brianne Hostutler

  6. 0

    Diese Antwort gilt für Foundation 6. Unten sind die richtige option für die Vermeidung in der Nähe auf den hintergrund klicken (closeOnClick:false;) und verhindern in der Nähe über die Esc Schlüssel (closeOnEsc:false;).

    <div class="reveal" id="exampleModal1" data-reveal
    data-options="closeOnClick:false; closeOnEsc:false;">

    InformationsquelleAutor der Antwort NateW

Schreibe einen Kommentar