Comment faire pour déterminer si fancybox est ouvert?

J'ai besoin de savoir que fancybox a été ouvert afin de permettre ou de refuser une autre fonction pour commencer.

Construire-dans des fonctions Fancybox comme "démarrage" ou "onClosed" pas de travail.

Je parle de la version 1.3.0 RC2

InformationsquelleAutor Ax. | 2010-01-24

10

La version de votre aide, apparemment, ne correspond pas à la documentation; j'ai regardé la source et vu les noms des options différentes de la de la de documents en ligne. Je viens de tester le suivant avec 1.3RC2:
```
$(document).ready(function() {

    function myStartFunction() { alert('fancy box opened'); }

    $("a#inline").fancybox({
        'onStart': myStartFunction
    });  
});
```
L'option que vous cherchez est "démarrage" - l'alerte dans myStartFunction s'éteint chaque fois que j'ouvre une boîte. Je ne suis pas sûr quand ils ont changé l'option, mais vous pouvez regarder le source de la version que vous utilisez à fond, et de voir ce que l'option doit être appelé.

MODIFIER

Je viens de vérifié sur v1.2.5 - la version que j'utilise et les rappels sont en effet nommé différents. callbackOnStart fonctionne avec 1.25 mais, comme je l'ai dit, pas 1,3
- Haha, si vous pouvez le voir dans la source de fancybox.net/dev/130 qu'ils appellent un 'démarrage' et etc à partir de la deuxième param. De cette façon, il ne fonctionne pas. Merci beaucoup Erik ^^
InformationsquelleAutor Erik
12

$.fancybox.isOpen (bool) indique, si fancybox est ouvert.
- mieux et très jolie solution, devrait être la réponse
- Oui, mais j'ai peur que cela ne fonctionne qu'avec Fancybox 2
InformationsquelleAutor tillsanders

Essayez d'utiliser des méthodes

beforeLoad, //Before loading
afterLoad, //After loading
beforeShow, //Before changing in current item
afterShow, //After opening

Ce code fonctionne bien

$(".fancybox").fancybox({beforeShow:function(){alert('blah');}});

L'OP dit I'm talking about version 1.3.0 RC2

InformationsquelleAutor mola10

4

Si vous êtes à la recherche d'un moyen de déterminer si fancybox est ouvert ou non (au lieu d'un événement qui est déclenché lors de l'ouverture de fancybox) puis à partir de fancybox v2 vous pouvez utiliser le $.fancybox.isOpen de la propriété. Il n'est pas documenté (au moins je n'ai pas trouvé de référence), mais il fonctionne.

Exemple:
```
if(!$.fancybox.isOpen) {
    $.fancybox.open({
        href: '#newsletter-campaign-popup',
        height: 385,
        width: 510,
        type: 'inline'
    });
}
```
L'exemple ci-dessus empêche l'ouverture d'un second fancybox si l'on est déjà ouvert.

InformationsquelleAutor Attila Fulop
3

Je ne suis pas sûr de ce que tu veux dire par les fonctions intégrées. Fancybox a des rappels qui appellent des fonctions définies par l'utilisateur (que vous devez faire vous-même).
Comme:
```
function myClose()
{
    alert('close');
}

function myStart()
{
    alert('start');
}

$("a#single_image").fancybox({
     'callbackOnClose': myClose,
     'callbackOnStart': myStart
//etc, etc..
}); 
```
Sinon, vous pouvez consulter la fancy_content div pour voir s'il a quelque chose à l'intérieur.
(si c'est le cas, fancybox est ouvert).
```
if ( $('#fancy_content:empty').length > 0 )
{
  //Is empty
}
```
InformationsquelleAutor Januz

cela semble fonctionner pour moi:

        isLoaded : function(){
            return $('#fancybox-content').html()!='';
        }

InformationsquelleAutor Mike

1

Si vous avez plusieurs div que vous utilisez pour fancybox, d'après le code peut-être mieux et plus de solution universelle:
```
if ($('.fancybox-opened').length == 0) {
  //there is no fancybox opened at all
}
```
Note également que fancybox contenu pourrait ne pas être toujours vide, même si fancybox est fermé.

InformationsquelleAutor Peter Krejci

Réponse pour 2018 décembre.

if ($('.fancybox-content').length == 0) {
    //there is no fancybox opened at all
}

Détails:

JS:

    function checkf()
    {
        if ($('.fancybox-content').length == 0) {
            alert('there is no fancybox opened at all.');
        }
        else
        {
            alert('there is a fancybox opened.');
        }
    }
    $("#ffbox").click(function()
    {
        setTimeout(checkf,1000);
    });
    checkf();

HTML:

    <head>
        <link rel="stylesheet" href="//cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/jquery.fancybox.min.css" />
        <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
        <script src="//cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/jquery.fancybox.min.js"></script>
    </head>
    <body>
        <a data-fancybox data-options='{"iframe" : {"css" : {"width" : "80%", "height" : "80%"}}}' href="https://www.google.com/maps/search/?api=1&query=China" class="btn btn-primary" id="ffbox">Display Google Map</a>
    </body>

InformationsquelleAutor Y P

Vous devez vous connecter pour publier un commentaire.