0

新しいコンテンツがウィンドウにロードされたときに FancyBox ウィンドウのタイトルを変更する方法を知りたいです。FancyBox ウィンドウでページが呼び出されるアプリケーションがあります。次のようになります。

コード

<script type="text/javascript">     

        $(document).ready(function() {

            $(".fancybox").fancybox({

                autoDimensions : false,
                width: 1300,
                height: 'auto',
                openEffect  : 'elastic',
                closeEffect : 'elastic',
                type: 'iframe',            

                afterLoad: function(){
                    this.title = $(this.element).attr('caption');
                }

            });         
        });
    </script>


  <title><fmt:message key="title"/></title>     


  </head>
  <body>
    <h1><fmt:message key="heading"/></h1>
    <p><fmt:message key="greeting"/></p>


    <p><a class="fancybox fancybox.iframe" caption ="Officer Registration" href="officer_registration.htm" >Officer Registration</a></p>

    <p><a class="fancybox fancybox.iframe" caption ="Citizen Registration" href="<c:url value="citizen_registration.htm"/>">Citizen Registration</a></p>


   </body>
</html>

ページは、href タグを使用してファンシー ボックスに呼び出されて表示されます。ファンシー ボックスは、要素で定義されたキャプション属性に基づいてタイトルを設定します。ファンシーボックスにロードされたページがサーバーに送信されると、サーバーは別のページを返し、このページはファンシーボックスウィンドウのコンテンツを新しいコンテンツに置き換えますが、タイトルは古いコンテンツに設定されたものと同じままで変更されません.

iframeのコンテンツのときにfancyboxのタイトルを変更する方法を教えてください。

4

0 に答える 0