2010-07-27 5 views
0

J'ai utilisé mon bouton de fermeture personnalisé sur ma faceale modal pour le fermer ... Cela fonctionne bien (c'est à dire) il se ferme mais il ajoute au bas de la page après avoir cliqué sur le bouton de fermeture ...cacher jquery facebox modal manuellement

<a onclick="$.facebox.close();" href="javascript:void(0);" class="close"> 
    <img alt="Close the popup" src="images/close.png" title="close" 
    class="close_image" /> 
</a> 

Voici ce que je reçois,

alt text http://img825.imageshack.us/img825/3739/foo.jpg

Voici ce que je suis en train de faire,

$(document).bind('close.facebox', function() { 
     $(document).unbind('keydown.facebox') 
     $('#aspnetForm').append($('#facebox .content').html()); 
     /// extra line to make sure there's no flashing effect as the facebox closes: the content is still in there too! 
     $('#facebox .content').children().css({ 'display': 'block' }); 
     $('#facebox').fadeOut(function() { 
      $('#facebox .content').removeClass().addClass('content') 
      hideOverlay() 
      $('#facebox .loading').remove() 
     }) 

    }) 

Ma page a cela,

$(document).ready(function($) { 
     $.facebox.settings.opacity = 0.2; 
     $('a[rel*=facebox]').facebox(); 
    }); 

    <div id="forgetPassword" style="display:none"> 
    //content 
    </div> 
+1

Pourquoi les gens encore utiliser 'javascript: void (0)'? –

Répondre

6

Je remplacé Surclic à ce onclick="javascript:$(document).trigger('close.facebox')" et ça a marché ..

0

pourrait-il être aussi facile que la fixation de votre sélecteur ?:

<a onclick="$('#facebox').close();" href="javascript:void(0);" class="close"> 
    <img alt="Close the popup" src="images/close.png" title="close" 
    class="close_image" /> 
</a> 
+0

@Fosco qui n'a pas fonctionné (ie) il ne ferme pas mon popup ... –

+0

Pouvez-vous montrer la définition HTML de la facebox? – Fosco

+0

@Fosco regarder mon edit –