2011-08-05 3 views
4

J'ai besoin de la possibilité de fermer Fancybox lorsqu'un utilisateur clique sur un lien dans la fancybox.Comment fermer Fancybox avec un lien

J'ai essayé:
href="javascript:$j.fn.fancybox.close();"
(notez que je utilise jQuery sans conflit où le $ j) `

Quand j'essayer ça ne marche pas et je reçois une erreur dans Firebug qui dit $j.fn.fancybox.close is not a function.

note: J'utilise la version 1.3.4 Fancybox

Voici le script du Fancybox:

<script type="text/javascript" > 
    var $j = jQuery.noConflict(); 

    $j(document).ready(function(){ 

     $j("#start").fancybox({ 

    'padding' : 0 
}); 

</script> 

code HTML pour Fancybox:

<div class="hide"> 
    <img src="/Images/skin/spacer1x1.png" onload="$j('#start').trigger('click');" /> 
<a href="#welcome" id="start"></a> 
    <img style="width:700px; height:600px;" id="welcome" usemap="#Map" alt="PLEASE VIEW PAGE WITH IMAGES ON" src="/Images/start/start.png" /> 
    <map id="Map" name="Map"> 
    <area alt="See Message Examples" href="/artistphotos/" coords="29,431,301,465" shape="rect" /> 
    <area alt="Enter Site" href="javascript:$j.fn.fancybox.close();" coords="436,433,567,464" shape="rect" /> 
    </map> 
</div> 

Toute idée comment obtenir que cela fonctionne correctement?

Répondre

12

Essayez d'appeler $j.fancybox.close(); plutôt que $j.fn.fancybox.close();

+0

Voilà. Fonctionne bien maintenant. Merci => – L84

11
<a href="javascript:void(0);" onclick="$.fancybox.close();">Close</a> 
0
<a href="" onclick="window.parent.parent.location.reload();">Close this</a> 
Questions connexes