Question

我想知道在窗口中加载新内容时如何更改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根据元素中定义的caption属性设置标题。当加载到精美框中的页面被提交给服务器时，服务器返回另一个页面，该页面用新内容替换fancybox窗口中的内容，但是标题保持与旧内容中设置的相同，并且不会更改

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

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

0 个答案: