JQUERY 棘手问题
0
悬赏园豆：10
[已解决问题]
解决于 2010-01-13 21:33
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function show(){
document.getElementById('divImg').style.display="none";
}
$(document).ready(function(){
$('#divImg').fadeIn(1000,function(){
alert('你成功了');
});
})
</script>
</head>
<body onload="show()" >
<div id="divImg"><img src="deepin-Aquanox.jpg" width="400" height="300" /></div>
</body>
</html>
页面 加载后隐藏div 后 还调用的jquery中的ready方法来淡入div, 为什么div就没办法显示出来，
请大虾们帮忙找找这个问题是出在哪。
最佳答案
0
改成这样就OK了;
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>无标题文档</title>
<script language="javascript" src="core/jquery-1.3.1.min.js"></script>
<script type="text/javascript">
function show(){
document.getElementById('divImg').style.display="none";
}
$(document).ready(function(){
show();
$('#divImg').fadeIn(3000,function(){
;
});
})
</script>
</head>
<body >
<div id="divImg"><img src="http://www.2345.com/i/gl_1.gif" width="400" height="300" /></div>
</body>
</html>
收获园豆：5
谢谢各位的指点。
其他回答(2)
0
你不能把show（）写在onload这里，因为，在你使用ready方法的时候，加载完此方法后，他才会再载入body的，所以，其实已经发生fadein，只是载了onload的对应方法show（），看上去像不起作用。其实已经起作用了。建议直接把show（）写成css，样式，或者把show（）放在ready方法的第一条。
受到楼下的指教，重新修正了下
收获园豆：2
0
ready比onload执行早，所以其实是先淡入再隐藏了……直接用CSS设置为隐藏，再在ready中淡入即可
收获园豆：3
