我正在开发一个简单的应用程序,我在页面上定义了fancybox,我希望将页面内容加载到fancy box 窗口中。我通过使用 href html 标记来处理对其他页面的调用。但是我想当文件加载时它在fancybox中打开。下面是我的代码:
我想要实现的是我想在页面上定义fancybox设置,这些设置将显示在其中。当页面加载或通过其他方式被用户调用时,我希望它显示在花式框中。
脚本
<script type="text/javascript">
$(document).ready(function() {
$(".fancybox").fancybox({
autoDimensions : false,
width: 1300,
height: 'auto',
openEffect : 'elastic',
href : 'http://hello.htm'
closeEffect : 'elastic',
type: 'iframe',
beforeLoad: function() {
this.title = $(this.element).attr('caption');
}
});
});
</script>
正在从另一个花式框窗口调用此页面,但是花式框窗口属于旧页面,因为旧页面的标题仍然存在
jsp
<head>
<title>Simple Application</title>
</head>
<body>
<form:form id="hello">
<h1><fmt:message key="heading"/></h1>
<p><fmt:message key="greeting"/></p>
</body>
</html>