JQuery FancyBox - Empêcher la fermeture Clic en dehors de Fancybox

Il n'y a pas d'option pour cela. Vous devrez changer le code source.

dans jquery.fancybox-1.2.1.js Vous devez commenter (ou supprimer) la ligne 341 dans la méthode _Finish: P>

//$("#fancy_overlay, #fancy_close").bind("click", $.fn.fancybox.close);

Il suffit d'ajouter une ligne suivante à votre fonction, vous ne devez rien changer dans jQuery.fancybox-1.2.6.js xxx

J'utilise FANCYBOX 1.3.1, si vous voulez forcer l'utilisateur à fermer la boîte modale uniquement en cliquant sur le bouton, vous pouvez spécifier dans la configuration:

<script type="text/javascript">
  $(document).ready(function() {
    $("#your_link").fancybox({
      'hideOnOverlayClick':false,
      'hideOnContentClick':false
    });
  });
</script>

<script type="text/javascript">
  $(document).ready(function() {
    $("#your_link").fancybox({
      'hideOnOverlayClick':false,
      'hideOnContentClick':false
    });
  });
</script>                              

J'ai couru dans le même "problème". Cela a fonctionné pour moi: xxx

   jQuery(".lightbox").fancybox({
        helpers     : {
            overlay : {
                speedIn  : 0,
                speedOut : 300,
                opacity  : 0.8,
                css      : {
                    cursor : 'default'
                },
                closeClick: false
            }
        },
    });

Aucune de ces réponses a fonctionné pour moi, alors je viens d'écrire un bit simple pour la dernière version de Fancybox. XXX

J'espère que cela aide :)

Le $ ("# superbox-boxbox"). UNBIND () CODE> Solution donnée pour cette question par @gabriel fonctionne, sauf que je devais le lier à la fantaisie après avoir chargé son contenu, et je ne pouvait pas engager immédiatement. Pour toute personne qui circule dans cette question, le code suivant a résolu le problème pour moi:

$('.fancybox').fancybox({'afterLoad' : function() {
    setTimeout(function() { $("#fancybox-overlay").unbind(); }, 400);}
});

Si vous utilisez FANCYBOX 1.2.6 (comme je suis sur un projet), j'ai découvert l'option HideonoverlayClick. Vous pouvez la définir sur False (par exemple HideonoverlayClick: Faux).

J'ai trouvé cette option tout en explorant de modifier le code en fonction de la suggestion GIVN par Scott Dowding.

J'ai dû utiliser une combinaison de toutes les réponses ci-dessus, car elles incluent toutes des erreurs. Certes, aucune modification du code source n'est nécessaire.

Dans mon cas, je voulais désactiver la désactivation des clics de recouvrement de la boîte, car j'avais une progression des questions qui seraient affichées séquentiellement dans la fantaisie, donc je ne voulais donc pas que les utilisateurs Pour perdre leurs progrès en cliquant accidentellement sur la superposition, mais je voulais garder cette fonctionnalité ailleurs sur la page. P>

Utilisez-le pour le désactiver: P>

$(".fancybox-overlay").bind("click", $.fancybox.close);

Utilisez simplement le code suivant:

$(document).ready(function() {
  $("a#Mypopup").fancybox({
        "hideOnOverlayClick" : false, // prevents closing clicking OUTSIE fancybox
        "hideOnContentClick" : false, // prevents closing clicking INSIDE fancybox
        "enableEscapeButton" : false  // prevents closing pressing ESCAPE key
  });
  $("a#Mypopup").trigger('click');
});

<a id="Mypopup" href="images/popup.png"><img alt="Mypopup" src="images/popup.png" /></a>

Définissez le paramètre ClosEclick CODE> sur FALSE FORT> INTÉRIEUR DE VOTRE FONCTION:

$(".video").click(function() {
    $.fancybox({
        width: 640,
        height: 385,
        helpers: { 
            overlay: {
                closeClick: false
            }
        }
    });

    return false;
});