скрыть jquery facebox modal вручную

Question

Я использовал свою пользовательскую кнопку закрытия на моем матоге, чтобы закрыть его ... Он отлично работает (т.е.) он закрывается, но он присоединяется к нижней части страницы после нажатия кнопки закрытия ...

<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> 

Вот что я получаю,

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

Вот что я пытаюсь сделать,

$(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() 
     }) 

    }) 

Моя страница этого

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

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

Answer 1

Я заменил OnClick на этот onclick="javascript:$(document).trigger('close.facebox')" и он работал ..

Answer 2

это может быть столь же легко, как фиксация вашего выбора ?:

<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>