隐藏jquery facebox模式手动

Question

我用我的自定义关闭按钮在我的facebox模式关闭它...它工作正常（即）它关闭，但它附加到页面的底部后，我点击关闭按钮...

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