日期:2014-05-17  浏览次数:20390 次

jquery 执行顺序的问题 加载动画顺序出错
做个一翻页时的加载动画 
代码如下 
JScript code
       
 showBg('dialog', 'dialog_content');   //加载动画  一个遮罩层 一个动画层
        //ajax
    evalajax("../AjaxUI/page.ashx","url="+escape(urlcanshu)+"&width="+widths+"&hrefs="+hrefs+"&js_fn="+js_fn+"&page_ye="+page_ye,"post",pages2);      //执行ajax函数(ajax执行页面,ajax传递参数(为get是需要加?),传递方式(post,get),ajax执行返回结果函数名称)
        $("#thispages").html(page);
        closeBg(); //关闭加载动画



问题是 运行了 showbg后 遮罩层出现了 但是动画层是在evalajax()运行完成后才显示的  

问题是动画层跟遮罩层都在showbg里面的 调试发现 showbg代码运行完了 但是动画效果是在evalajax运行后才出来的.


showbg js

JScript code

function showBg(ct,content){
var bH=$("body").height();
var bW = $("body").width() + 16;
var objWH = getObjWh(ct);
$("#fullbg").css({ width: bW, height: bH, display: "block" });

var tbT=objWH.split("|")[0]+"px";
var tbL = objWH.split("|")[1] + "px";

$("#" + ct).css({ top: tbT, left: tbL, display: "block" });
$("#" + content).html("<img src='../images/loading.gif' />");

$(window).scroll(function(){resetBg()});
$(window).resize(function() { resetBg() }); 
//alert("正在加载");
}




求高人指教

------解决方案--------------------
jquery 为了速度是异步执行的