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 标记调用并显示在精美的框中。花式框根据元素中定义的标题属性设置标题。当加载到fancy box的页面被提交到服务器时，服务器返回另一个页面，这个页面将fancybox窗口中的内容替换为新的内容，但是标题保持在旧内容中设置的相同并且没有改变.

我现在想在 iframe 的内容时如何更改fancybox 的标题。

4

0 回答 0