Jquery 的判断问题 ie上不行

Jquery  火狐可以  ie8不行问题描述  不能让指定的div出现自认为的原因：判断的地方 "==" 有问题<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>ie firefox jquery使用</title>
<script type="text/javascript" src="../lib/jquery1.6.2.js" ></script><style type="text/css">
#text {
width:500px;
}#b1, #b2, #b3{
width:400px;
margin:0 auto;
}
</style>
</head><body><script type="text/javascript">
 $(document).ready(function(){
$("#b3").hide();
$("#b2").hide();
$("#list li").hover(function(){ 
$(this).css("color", "#fc0");
$('#text').children().hide();

var place = $(this).html();
//if($.browser.mozilla){
if(place == "经济"){
$("#b3").fadeIn(800);
alert(3);
}else if(place == "工业"){
//alert(1);
$("#b1").fadeIn(800);
}else  if(place == "农业"){
$("#b2").fadeIn(800);
//alert(2);
}
//alert(place);
/*}else if($.browser.msie){
//alert(place.toString());
}*/
}, function(){ 
$(this).css("color", "#000");
});
});

</script>
<div id="list">
<ul>
<li>工业</li><li>农业</li><li>经济</li></ul>
</div>
<div id="text" style="background:#abf;">            <div id="b1">
              <p>工业    快转变境贸易。</p>
             </div>
            
            <div id="b2">
              
                <p>农业    挥沿海国际知名品牌。</p>
            </div>
            
            <div id="b3">
                <p>经济    把发展和信息化水平。</p>
            </div>
            
          </div>
</body>
</html>

解决方案 »

  1.   

    比较奇怪，IE8下面只有移到"经济"上面时无效，此时输出place.length，值是3，也就是说多了一个字符。
      

  2.   

    <ul><li>工业</li><li>农业</li><li>经济</li></ul>
    这样写到一行就没问题了。
      

  3.   

    var place = $(this).html();
    //if($.browser.mozilla){
     if(place == "工业"){
    //alert(1);
    $("#b1").fadeIn(800);
    }else if(place == "农业"){
    $("#b2").fadeIn(800);
    //alert(2);
    }
    else{
    $("#b3").fadeIn(800);
    }把经济放到else里边，真的很奇怪啊，不相等，不知道是不是编码问题
      

  4.   

    的确，在ie下你需要在if(place == "经济 "){的经济后面加个空格
      

  5.   

    <ul><li>工业</li><li>农业</li><li>经济</li></ul>要把这些全些在一行才可以，</ul>在另外一行也不行，不知道是不是IE8的bug？？