скрыть JQuery Facebox модальный вручную - PullRequest
Новая
       21

скрыть JQuery Facebox модальный вручную

0 голосов
/ 27 июля 2010

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

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

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

альтернативный текст 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>

Ответы [ 2 ]

6 голосов
/ 28 июля 2010

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

0 голосов
/ 27 июля 2010

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

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