我的 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 应该加载/淡入半秒..然后应该从 jquery 获得响应..然后结束包含所有 html 标记的 iframe 应该关闭..
除了获取成功函数中的代码之外,一切都有效..我知道成功函数实际上是被触发的..因为服务器(php)代码做了它的工作!!!
有什么问题?我没有看到响应消失..成功函数中的代码不起作用:(
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 中,上面有另一个站点。