10
votes

Arrêtez la fermeture de Fancybox lorsque l'utilisateur appuie sur Echap

J'utilise FANCYBOX sur une page, mais je l'utilise plus d'une fonctionnalité de conception qu'un modal JQuery. J'essaie d'empêcher l'utilisateur de pouvoir le fermer (car il "briser" la conception de la page). J'ai réussi à empêcher l'utilisateur de cliquer sur Fancybox, mais j'ai du mal à l'arrêter de fermer lorsque la touche ESC est enfoncée. J'ai essayé 'FerneonesCape': faux mais cela ne semble pas fonctionner. Vous trouverez ci-dessous mon code. Toute suggestion sur ce que je fais mal ou ce que je dois faire? XXX


4 commentaires

Quelle version de FANCYBOX utilisez-vous?


Cela ne vous aidera pas, mais si vous l'utilisez comme une caractéristique de conception, il est probablement plus facile de construire quelque chose de similaire (visuellement)


Stackoverflow.com/Questtions/3000884/...


L'option API modal : si défini sur true , désactivera la navigation et la fermeture.


3 Réponses :


16
votes

vérifier les touches code> option de Fancybox Docs :

clés strong>
Définir les clés du clavier pour la navigation galerie, la fermeture et le diaporama de
Objet; Valeur par défaut: p> blockQquote> xxx pré>

il suffit de planter le Fermer code> valeur sur null code>. p>


si vous êtes Utilisation de FANCYBOX2, ajoutez cette propriété à votre code: P>

$.fancybox({
  // all your other options here
  ...,
  keys : {
    close  : null
  }
}


3 commentaires

Êtes-vous en mesure d'intégrer le code dont j'ai besoin dans mon code existant? Je n'ai pas vraiment d'expérience avec JavaScript ou Fancybox


Curieusement, cette réponse n'a pas fonctionné pour moi. J'ai trouvé que modal: vrai, semblait fonctionner


Réglage de la touche Fermer sur NULL provoque une erreur lors de la fermeture de FANCYBOX dans le mode Thumbnail. Plutôt la définir à 0 pour éviter l'erreur.



2
votes

@ Moonwave99 a la bonne réponse pour FANCYBOX22. Si vous utilisez v1.3 +, vous devez utiliser: xxx

ref: http: / /fancybox.net/api


0 commentaires

1
votes

Comme d'autres personnes ont mentionné dans des commentaires, Modal: true fonctionne parfaitement ... xxx

de Les docs ...

modal - si défini sur TRUE, désactivera la navigation et la fermeture.


0 commentaires