Jquery FancyBox 2在加载新IFrame/内容时更改FancyBox标题_Jquery_Html_Jsp_Fancybox_Fancybox 2

Jquery FancyBox 2在加载新IFrame/内容时更改FancyBox标题

jquery html jsp

Jquery FancyBox 2在加载新IFrame/内容时更改FancyBox标题,jquery,html,jsp,fancybox,fancybox-2,Jquery,Html,Jsp,Fancybox,Fancybox 2,我想知道当新内容加载到FancyBox窗口时，如何更改该窗口的标题。我有一个应用程序，其中在FancyBox窗口中调用一个页面，它看起来像这样：代码 <script type="text/javascript"> $(document).ready(function() { $(".fancybox").fancybox({ autoDimensions : false,

我想知道当新内容加载到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>


$（文档）.ready（函数（）{
$（“.fancybox”）.fancybox({
自动标注：false，
宽度：1300，
高度：“自动”，
openEffect:'弹性'，
闭合效应：“弹性”，
键入：“iframe”，
后加载：函数（）{
this.title=$（this.element）.attr（'caption'）；
}
});         
});

使用href标记调用页面并显示在fancy box中。Fancy box根据元素中定义的标题属性设置标题。当加载到fancybox中的页面提交到服务器时，服务器返回另一个页面，该页面用新内容替换fancybox窗口中的内容，但是标题与旧内容中设置的标题相同，并且不会更改

我现在想知道，当iframe的内容相同时，如何更改fancybox的标题。

对于fancybox，因为您以

iframe

的身份打开了它。。。在

iframe

中可以有同样多的更改，但对于fancybox，它只是打开了第一个，因此

标题将保持不变。有没有办法在提交到达服务器时关闭fancybox，并使用新页面自动重新打开它？