Zurb Foundation Révéler Modal - la prévention de proximité sur l'arrière-plan cliquez sur

Quand j'ouvre ma Révéler Modal, je voudrais l'empêcher de fermeture sur l'arrière-plan de la souris (qui est un comportement par défaut).

Je suis à l'aide de Zurb Foundation 5.0.2.

Toute aide serait appréciée.

OriginalL'auteur alexs333 | 2014-02-21

  1. 30

    Si vous définissez la closeOnBackgroundClick option pour false alors votre modal de ne pas se fermer lorsque vous cliquez dans l'arrière-plan.

    <div class="reveal-modal" data-options="closeOnBackgroundClick:false">
    Cela ne fonctionne pas dans la version la plus récente de la Fondation, l'option n'est plus camelcase si vous avez besoin d'utiliser data-options="close_on_background_click:false"
    Pour la Fondation de la 6, vous devez camelCase les propriétés, de sorte qu'il ressemble à ceci data-options="closeOnClick:false;closeOnEsc:false;"
    Par curiosité .. où as-tu trouvé cette info? J'ai regardé dans ses docs foundation.zurb.com/sites/docs/reveal.html et je ne vois aucune référence à elle. Merci!
    Ouais, ils n'ont pas rempli les docs, mais après quelques recherches, un commentaire à la fin de cette page stackoverflow.com/questions/33855505/... de mentionner que ces options ne pas travail lors de l'utilisation de l' .fondation ("ouvert"), la technique, j'ai donc essayé sans cette technique et ils ont travaillé très bien.
    Pour la fondation 6 voir ceci: foundation.zurb.com/forum/posts/36653#comment_27593

    OriginalL'auteur Dave Sag

  2. 13

    Yehhhhh Enfin Trouvé:

    Mettre de code ci-dessous sur votre fondation révéler modèle. Qu'il ne ferme pas, en cliquant sur le fond ou en appuyant sur la touche esc.

    de données-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>

    OriginalL'auteur Rav's Patel

  3. 3

    Vous pouvez atteindre cet objectif à l'échelle mondiale par l'exécution de la ligne suivante de code JavaScript avant de montrer tout les auxiliaires modaux:

    Foundation.libs.reveal.settings.close_on_background_click = false;
    C'était la seule chose qui pourrait fonctionner pour moi.

    OriginalL'auteur Chris Peacock

  4. 2

    Pour tous ceux qui cherchent à cette question en 2018, j'utilise la Version 6.4.0 et cela fonctionne:

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

    J'ai ajouté que, pour le révéler div comme ceci et ça fonctionne (juillet 2018):

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

    OriginalL'auteur Brianne Hostutler

  5. 1

    Si vous utilisez la version autonome de Révéler plugin ici: https://zurb.com/playground/reveal-modal-plugin

    Utiliser la suite sur le lien qui ouvre le modal.

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

    OriginalL'auteur Trent Turner

  6. 0

    Cette réponse s'applique à Foundation 6. Ci-dessous sont la bonne option pour à la fois prévenir les proches sur le fond de la souris (closeOnClick:false;) et de la prévention de proximité via le Esc clé (closeOnEsc:false;).

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

    OriginalL'auteur NateW