divの読み込み/フェードに問題があります。これは私のhtmlです。
<div id="email_response">
<div id="email_loader">
<img src="/img/ajax_load.gif.pagespeed.ce.sBYFmTTK7I.gif">
</div>
jQuery:
$("#email_loader").html("<img src='http://example.com/img/ajax_load.gif' />");
$("#email_response").fadeIn(500);
$.get("http://example.com/inc_appdl_main_api.php", {
to : to,
app_id : FA.appID
}, function(data) {
if (data.length > 0) {
$("#email_loader").html(data);
$("#email_response").delay(1000).fadeOut(500);
}
});
setTimeout ( "FA.iframeClose()", 2000 );
div email_responseは、0.5秒間ロード/フェードインする必要があります。その後、応答はjqueryから取得する必要があります。その後、すべてのhtmlマークアップを含むiframeを終了する必要があります。
get success関数内のコードを除いて、すべてが機能します。success関数が実際にトリガーされることを知っています。サーバー(php)コードが、それが行うことを実行するためです。
どうしたの?応答がフェードアウトするのがわかりません。success関数内のコードが機能しません:(
if (data.length > 0) {
$("#email_loader").html(data);
$("#email_response").delay(1000).fadeOut(500);
}
更新:これは私がコンソールで取得するものです。GET関数がトリガーされた後。
XMLHttpRequest cannot load http://example.com/inc_appdl_main_api.php?to=makovetskiyd%40yahoo.co.uk&app_id=81. Origin http://api.example.com is not allowed by Access-Control-Allow-Origin.
htmlマークアップとjavascriptは、別のサイトがあるiframe内にあります。