私は作業中の単純なアプリケーションを持っています。ページのコンテンツをファンシーボックスウィンドウにロードしたいページにファンシーボックスを定義しました。href htmlタグを使用して、他のページへの呼び出しで動作するようにしました。ただし、ドキュメントが読み込まれたときに、それがファンシーボックスで開くことを望みます。以下は私のコードです:
私が達成したいのは、表示されるページでファンシーボックス設定を定義したいということです。ページが読み込まれるか、他の手段で呼び出されたときに、ユーザーがそれをファンシーボックスに表示したいと考えています。
JScript
<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>