
求jquery高手帮忙,看看着段代码,在IE6和IE7下面不能正常。其他浏览器正常。帮忙看看.
<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN""http://www.w3.org/TR/xhtml1/...
<!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" />
<script language="javascript" src="jquery-1.6.4.min.js"> </script>
<script language="javascript">
$(document).ready(function(){
$('#div1 ul li').hover(
function (){$(this).css("background-color","#f00")
switch($(this).html())
{
case '星期一':
$('#div2').html($('#xq1').html())
break
case '星期二':
$('#div2').html($('#xq2').html())
break
case '星期三':
$('#div2').html($('#xq3').html())
break
case '星期四':
$('#div2').html($('#xq4').html())
break
case '星期五':
$('#div2').html($('#xq5').html())
break
default:
$('#div2').html("无数据")
}
},
function(){
$(this).css("background-color","#fff")
}
)
$('#div2').html($('#xq1').html())
})
</script>
<style type="text/css">
*{
margin:0;
padding:0;
}
#div1{
width:150px;
margin-left:100px;
float:left;
}
#div1 ul{
list-style:none;
width:100%;
list-style-position:outside;
}
#div1 ul li{
line-height:30px;
width:100%;
border:#000 solid 1px;
margin:5px auto;
text-align:center;
}
#div2{
float:left;
width:200px;
margin-top:5px;
height:178px;
margin-left:5px;
border:#900 solid 1px;
}
#xq{
display:none;
}
</style>
<title>无标题文档</title>
</head>
<body>
<div id="div1" class="div1">
<ul>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
</ul>
</div>
<div id="div2"></div>
<div id="xq">
<div id="xq1">........一.........</div>
<div id="xq2">........二.........</div>
<div id="xq3">........三.........</div>
<div id="xq4">........四.........</div>
<div id="xq5">........五.........</div>
</div>
</body>
</html> 展开
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<script language="javascript" src="jquery-1.6.4.min.js"> </script>
<script language="javascript">
$(document).ready(function(){
$('#div1 ul li').hover(
function (){$(this).css("background-color","#f00")
switch($(this).html())
{
case '星期一':
$('#div2').html($('#xq1').html())
break
case '星期二':
$('#div2').html($('#xq2').html())
break
case '星期三':
$('#div2').html($('#xq3').html())
break
case '星期四':
$('#div2').html($('#xq4').html())
break
case '星期五':
$('#div2').html($('#xq5').html())
break
default:
$('#div2').html("无数据")
}
},
function(){
$(this).css("background-color","#fff")
}
)
$('#div2').html($('#xq1').html())
})
</script>
<style type="text/css">
*{
margin:0;
padding:0;
}
#div1{
width:150px;
margin-left:100px;
float:left;
}
#div1 ul{
list-style:none;
width:100%;
list-style-position:outside;
}
#div1 ul li{
line-height:30px;
width:100%;
border:#000 solid 1px;
margin:5px auto;
text-align:center;
}
#div2{
float:left;
width:200px;
margin-top:5px;
height:178px;
margin-left:5px;
border:#900 solid 1px;
}
#xq{
display:none;
}
</style>
<title>无标题文档</title>
</head>
<body>
<div id="div1" class="div1">
<ul>
<li>星期一</li>
<li>星期二</li>
<li>星期三</li>
<li>星期四</li>
<li>星期五</li>
</ul>
</div>
<div id="div2"></div>
<div id="xq">
<div id="xq1">........一.........</div>
<div id="xq2">........二.........</div>
<div id="xq3">........三.........</div>
<div id="xq4">........四.........</div>
<div id="xq5">........五.........</div>
</div>
</body>
</html> 展开
2个回答
展开全部
IE6,7下有空格先trim
switch($.trim($(this).html()))
switch($.trim($(this).html()))
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询