rappels fancybox

Question

J'ai lu plus d'une douzaine de messages et réponses ... en vain.

Quel est le problème avec ce code simple, qu'est-ce qui me manque ici. Aucun des callbacks essayés ne fonctionne.

 
$("#project_info").fancybox({ 
     'onComplete': function() { 
      console.log('log this'); 
      //$.cookie('fcookie', '1', {path: '/'}); 
     } 
    }); 
$("#project_info").fancybox().trigger("click"); 

et html

 
<a id="project_info" href="#project_display"></a> 
<div style="display: none;"> 
    <div id="project_display" style="width:100px; height:100px; overflow:auto;"> 
    Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
    </div> 
</div> 

Note: WAMP locale

modifier: également testé sur le serveur distant - fichier bande vers le bas afin d'éviter toute interaction - même résultat

Answer 1

Je réponds à ma propre question, pour poster solution que je finalement utilisé et les tests effectués. Peut-être que quelqu'un le trouve utile.

Il y a quelque chose dans fancybox 1.3 qui tue les rappels, quand un cookie est utilisé dedans.

Pas le temps de tester, c'est quoi.

Quelqu'un sait? écrivez ci-dessous. Juste une note: même chose, quand j'ai essayé de mettre cookie via .trigger ("click") Les rappels fonctionnent très bien avec un clic standard.

Ce que j'ai essayé - sans succès.

 
//trial 1: does not work 
$("#project_info").fancybox({ 
    onComplete: function() { 
    $.cookie('fcookie', '1', {path: '/'}); 
    } 
}); 
$("#project_info").fancybox().trigger("click"); 

//trial 2: does not work 
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: '/'}); 
} 
$("#project_info").fancybox({ 
    onComplete: function() { 
    StoreCookie() 
    } 
}); 
$("#project_info").fancybox().trigger("click"); 

//trial 3: does not work 
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: '/'}); 
} 
$("#project_info").fancybox({ 
    onComplete: StoreCookie 
}); 
$("#project_info").fancybox().trigger("click"); 

//trial 3: does not work 
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: '/'}); 
} 
$("#project_info").fancybox({ 
    // 
}); 
$("#project_info").fancybox().trigger("click", StoreCookie());//trial 1: does not work 
$("#project_info").fancybox({ 
    onComplete: function() { 
    $.cookie('fcookie', '1', {path: '/'}); 
    } 
}); 
$("#project_info").fancybox().trigger("click"); 

//trial 2: does not work 
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: '/'}); 
} 
$("#project_info").fancybox({ 
    onComplete: function() { 
    StoreCookie() 
    } 
}); 
$("#project_info").fancybox().trigger("click"); 

//trial 3: does not work 
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: '/'}); 
} 
$("#project_info").fancybox({ 
    onComplete: StoreCookie 
}); 
$("#project_info").fancybox().trigger("click"); 

//trial 3: does not work 
function StoreCookie() { 
    $.cookie('fcookie', '1', {path: '/'}); 
} 
$("#project_info").fancybox({ 
    // 
}); 
$("#project_info").fancybox().trigger("click", StoreCookie()); 

ce je me suis installé pour

Je ne l'aime pas beaucoup tu car le cookie est stocké un peu en dehors de fancybox cuisson jusqu'à

 
if (!$.cookie('fcookie')) { 
    $("#project_info").fancybox({ 
    onComplete: function() { 
     // 
    } 
    }); 
    $("#project_info").fancybox().trigger("click"); 
} 
$.cookie('fcookie', '1', {path: '/'}); 

Answer 2

Le « onComplete "callback n'a pas besoin de guillemets; Vous pouvez faire un simple:

$("#project_info").fancybox({ 
    onComplete: function() { 
    alert('Completed!'); 
    } 
});