/ / JQueryでiframeを閉じる? - javascript、jquery、iframe

Jqueryでiframeを閉じますか? - javascript、jquery、iframe

私はこのような質問がたくさんあることを知っていますが、それぞれのケースが互いに似ていないことはすでに分かっています。

だから、これは私の場合です:

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のインスタンスを使用してアニメーションを実行します。