2013-03-26 100 views
4

我的JavaScript語法是菜鳥級,但我學習:>的fancybox - 實施afterClose回調

我使用的fancybox 2.1.4揭示內嵌<div id="content">。 傳統上,<div>將設置爲style="display:none",Fancybox將在激活時將其更改爲阻止,並在關閉時將其更改爲none

就我而言,實際上我在頁面上顯示的內容是<div>,它位於不同的位置(這對項目來說是正確的,我知道在那裏可以有各種各樣的意見)。

所以我需要保持<div id="content">在關閉fancybox(它本身消失)後消失。

經過一番研究,我發現,使用afterClose回調,我可以簡單地改變或id"content"內嵌樣式添加到display:block(這解決了這個問題

問題...是我rookiness:> 我嘗試了很長一段時間,只是不知道在哪裏把代碼和正確的語法。

我將如何添加afterClose我的fancybox功能?

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

非常感謝任何幫助

+0

可能重複[如何煉成的fancybox不掩飾原來的直列塊(http://stackoverflow.com/questions/14163967/ how-to-make-fancybox-not-hide-original-inline-block) – JFK 2013-03-26 20:45:43

回答

7

這是格式:

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

肯尼迪,非常感謝你!它完美的作品。 – 2013-03-27 16:47:35