何か困っている。ファンシーボックスウィンドウでパスワードを変更した後、「間違ったパスワード」Iframeを正しく開きます(ユーザーが間違ったパスワードを入力した場合)。ここで問題が発生します。「間違ったパスワード」Iframe を閉じた後、「パスワード変更」Iframe を再度開きたいと思います。パスワードの有効性を確認した後の「間違ったパスワード」iframeで、次を使用します。
<link rel="stylesheet" href="/includes/fancybox/source/jquery.fancybox.css?v=2.1.5" type="text/css" media="screen" />
<script type="text/javascript" src="/includes/fancybox/source/jquery.fancybox.pack.js?v=2.1.5"></script>
<script type="text/javascript">
parent.$.fancybox.open([
{
href: '/pages/messages/wrong_password.asp'
},
], {
maxWidth: 350,
maxHeight: 65,
fitToView: false,
width: 350,
height: 65,
padding: 0,
scrolling: 'auto',
preload: true,
type: 'iframe',
closeBtn: false,
openEffect: 'elastic',
closeEffect: 'fade',
helpers: {
overlay: {
css: {
'background': 'rgba(255,255,255, 0.80)'
}
}
},
afterClose: function () {
$('.pass').fancybox.open;
}
});
</script>
ファンシーボックスの初期化は次のとおりです。
$(document).ready(function () {
$('.fancybox').fancybox({
openEffect: 'elastic',
fitToView: true,
closeEffect: 'fade',
padding: 5,
helpers: {
overlay: {
css: {
'background': 'rgba(227,227,227, 0.90)'
}
}
}
});
$('.pass').fancybox({
maxWidth: 560,
maxHeight: 300,
fitToView: false,
type: 'iframe',
width: 560,
padding: 0,
height: 300,
autoSize: true,
autoResize: true,
autoScale: true,
closeClick: false,
closeBtn: false,
openEffect: 'fade',
openSpeed: 'fast',
closeEffect: 'fade',
closeSpeed: 'fast',
scrolling: 'auto',
helpers: {
overlay: {
css: {
'background': 'rgba(227,227,227, 0.90)'
}
}
}
});
});
最初にリンクを介して「パスワードの変更」を開くクラスの .pass クラスですが、そのための href ページを再度渡すことはできません。
よろしくお願いします。