私はこのような質問がたくさんあることを知っていますが、それぞれのケースが互いに似ていないことはすでに分かっています。
だから、これは私の場合です:
HTML出力:ページ1
<div id="login-embedded" style="height: 401px; display: none;">
<iframe frameborder="0" src="{$mybb->settings["bburl"]}/login.php" style="height: 401px;"></iframe>
</div> <!-- /end login-embedded -->
<div id="blackout"></div>
HTML出力:IFRAME
<div id="embedded-login">
<h1>{$lang->login}</h1>
<form method="post" action="{$mybb->settings["bburl"]}/member.php">
<a id="embedded-close" href="javascript:;" onclick="jQuery("#blackout, #login-embedded").hide("slow");" rel="closeLogin"></a>
<div>
......
</div>
JQUERY:
jQuery(document).ready(function(){
jQuery("a[name="login"]").click(function(){
jQuery("#blackout").fadeIn(1000);
jQuery("#blackout").fadeTo("slow",0.8);
jQuery("#login-embedded").show();
return false
});
jQuery("#embedded-login a#embedded-close").click(function(){
jQuery("#blackout").hide("slow");jQuery("#login-embedded").hide("slow");
return false
});
jQuery("#blackout").click(function(){
jQuery(this).hide("slow");
jQuery("#login-embedded").hide("slow");
return false
})
});
私はここで何かを見逃しましたか?私は、jQueryダイアログを使用してiframeを閉じるためのソリューションを見つけましたが、私の場合はうまく動作しないようです。
どんな助けもありがとう!ありがとう!
回答:
回答№1は8きみの onclick="jQuery("#blackout, #login-embedded").hide("slow");"
これらの要素が親ページにあるため、iframeで何もしません。これを試してください:
onclick="window.parent.jQuery("#blackout, #login-embedded").hide("slow");"
ザ window.parent.jQuery
ビットは親ドキュメントのjQueryのインスタンスを使用してアニメーションを実行します。