Fancybox — Реализация обратного вызова afterClose

Мой синтаксис javascript на уровне новичка, но я учусь :>

Я использую Fancybox 2.1.4 для отображения встроенного <div id="content">. Традиционно <div> будет установлено на style="display:none", и Fancybox изменит это значение на блокировку при активации и обратно на none при закрытии.

В моем случае у меня на самом деле содержимое этого <div> видно на странице в другом месте (это правильно для проекта, я знаю, что там могут быть разные мнения).

Поэтому мне нужно, чтобы <div id="content"> не исчезало после закрытия fancybox (которое изначально исчезает).

После некоторых исследований я обнаружил, что с помощью обратного вызова afterClose я могу просто изменить или добавить встроенный стиль id"content" в display:block (что решает проблему.

Проблема... в том, что я новичок :> Я пытался довольно долго и просто не знал, куда поместить код и правильный синтаксис.

Как мне добавить это afterClose в мою функцию fancybox?

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox(
        );
    }); 
</script>

Большое спасибо за любую помощь


javascript jquery fancybox fancybox-2
person Dave Bar    schedule 26.03.2013    source источник
comment
возможный дубликат Как заставить FancyBox не скрывать исходный встроенный блок   -  person JFK    schedule 27.03.2013

Ответы (1)


arrow_upward
7
arrow_downward

Это формат:

<script type="text/javascript">
    $(document).ready(function() {
        $(".fancybox").fancybox({
           afterClose : function(){
             // here any javascript or jQuery to execute after close
           }
        }); // close fancybox
    }); // close ready
</script>
person JFK    schedule 26.03.2013