4

私のjavascript構文は新人レベルですが、私は学んでいます:>

インラインを表示するためにFancybox2.1.4を使用しています<div id="content">。従来は、<div>に設定されていましたがstyle="display:none"、Fancyboxはこれを変更して、アクティブ化するとブロックしnone、閉じたときに元に戻します。

私の場合、実際にはそのコンテンツを<div>別の場所のページに表示しています(これはプロジェクトにとって正しいことであり、そこにさまざまな意見があることを知っています)。

そのため、ファンシーボックスを閉じた後に消えないようにする必要があり<div id="content">ます(これはネイティブに消えます)。

調査の結果、コールバックを使用すると、 toafterCloseのインラインスタイルを変更または追加できることがわかりました(これで問題が解決します。id"content"display:block

問題は...私のルーキーさです:>私はかなり長い間試しましたが、コードをどこに置くか、そして正しい構文がわかりませんでした。

afterCloseそれをfancybox関数に追加するにはどうすればよいですか?

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

助けてくれてありがとう

4

1 に答える 1

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>
于 2013-03-26T20:43:14.993 に答える