Question

在jquery 加载一个div内容之前，先显示一个加载图片:

/*在整个页面装入完成后，标签效果2的内容区域需要装入静态的html页面内容*/
$("#realcontent").load("tabLoad.html");
//找到标签2效果对应的三个标签，注册鼠标点击事件
$("#tabsecond li").each(function(index){

$(this).click(function(){
/*去掉id为tabin的li样式*/
$("#tabsecond li.tabin").removeClass("tabin");
/*为当前点击的标签加tabin样式*/
$(this).addClass("tabin");

//对于loading图片绑定ajax请求开始和交互结束的事件
//bind() 方法为被选元素添加一个或多个事件处理程序，并规定事件发生时运行的函数。
$("#contentsecond img").bind("ajaxStart",function(){
//整个页面中任意ajax交互开始前，function中的内容会呗执行
$(this).show();
}).bind("ajaxStop",function(){
//整个页面中任意ajax交互结束后，function中的内容会被执行
$(this).slideUp("1000");
});

if(index == 0){
//装入静态完成页面
$("#realcontent").load("tabLoad.html");

}else if(index == 1){
//装入动态部分页面
$("#realcontent").load("tabLoad.jsp h2");

}else if(index==2){
//装入远程数据(这里也是一个动态页面输出的数据)
$("#realcontent").load("tabData.jsp");
}
});
});

Answer 1

if(index == 0){
//装入静态完成页面
$("#realcontent").html("<img src='loading.gif'>").load("tabLoad.html");

}else if(index == 1){
//装入动态部分页面
$("#realcontent").html("<img src='loading.gif'>").load("tabLoad.jsp h2");

}else if(index==2){
//装入远程数据(这里也是一个动态页面输出的数据)
$("#realcontent").html("<img src='loading.gif'>").load("tabData.jsp");
}
你可以把html("<img src='loading.gif'>")里的img换成你自己的样式。也可以用div

Answer 2

你在干嘛，记笔记？