JqueryIE6的问题

Question

在IE8里面点li里面的那个图片能正常显示/隐藏 li下面的同级ul 但是在IE6里面为什么不行啊<script language="javascript" type="text/javascript">
jQuery(document).ready(function(){
    jQuery(".pe_u_thumb_list").children("img").toggle(function(){
        jQuery(this).parent().next("ul").show();
jQuery(this).attr("src","Images/tree_folder3.gif");
    },function(){
        jQuery(this).parent().next("ul").hide();
jQuery(this).attr("src","Images/tree_folder4.gif");
    });
});
</script><div>
              <ul>
                <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif"><a href="/Category_22/Index.aspx">竟驰软件</a></li>
                <ul>
                  <li><a href="/Category_23/Index.aspx">竞驰管理通系列</a></li>
                  <li><a href="/Category_24/Index.aspx">竞驰K3管理通系列</a></li>
                  <li><a href="/Category_25/Index.aspx">竞驰服装鞋帽系列</a></li>
                  <li><a href="/Category_26/Index.aspx">竞驰财务通系列</a></li>
                  <li><a href="/Category_27/Index.aspx">竞驰IT通讯系列</a></li>
                  <li><a href="/Category_28/Index.aspx">竞驰CRM客户关系管理系统</a></li>
                  <li><a href="/Category_29/Index.aspx">竞驰医院管理系统</a></li>
                  <li><a href="/Category_30/Index.aspx">竞驰学校管理系统</a></li>
                  <li><a href="/Category_50/Index.aspx">竞驰食品系列</a></li>
                </ul>
                <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif"><a href="/Category_31/Index.aspx">管家婆软件</a></li>
                <ul>
                  <li><a href="/Category_34/Index.aspx">管家婆辉煌系列</a></li>
                  <li><a href="/Category_35/Index.aspx">管家婆财贸双全</a></li>
                  <li><a href="/Category_36/Index.aspx">管家婆服装系列</a></li>
                  <li><a href="/Category_37/Index.aspx">管家婆电子商务系列</a></li>
                  <li><a href="/Category_38/Index.aspx">管家婆CRM</a></li>
                  <li><a href="/Category_39/Index.aspx">管家婆食品系列</a></li>
                  <li><a href="/Category_40/Index.aspx">千方百剂医药管理系列</a></li>
                </ul>
                <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif"><a href="/Category_32/Index.aspx">鸿威软件</a></li>
                <ul>
                  <li><a href="/Category_41/Index.aspx">鸿威超市管理软件</a></li>
                  <li><a href="/Category_42/Index.aspx">鸿威医药管理软件</a></li>
                  <li><a href="/Category_43/Index.aspx">鸿威商贸管理软件</a></li>
                  <li><a href="/Category_44/Index.aspx">鸿威商场管理软件</a></li>
                  <li><a href="/Category_45/Index.aspx">鸿威服装管理软件</a></li>
                  <li><a href="/Category_46/Index.aspx">鸿威化妆品管理软件</a></li>
                </ul>
                <li class="pe_u_thumb_list"><img src="Images/tree_folder4.gif"><a href="/Category_33/Index.aspx">好伙伴软件</a></li>
                <ul>
                  <li><a href="/Category_48/Index.aspx">好伙伴运输行业管理网络版</a></li>
                  <li><a href="/Category_49/Index.aspx">汽车服务行业管理软件</a></li>
                </ul>
              </ul>
            </div>

Answer 1

可以试试这个
http://www.cnblogs.com/fdszlzl/archive/2009/06/01/1493981.html

Answer 2

在ie下不同标签下不认识next和prev 在ie下只能解析相同的标签运用next或者prev。比如你把代码改成
 <ul class="pe_u_thumb_list"><img src="images/reg4.gif"><a href="/Category_22/Index.aspx">竟驰软件</a></ul>
                <ul>
                  <li><a href="/Category_23/Index.aspx">竞驰管理通系列</a></li>
                  <li><a href="/Category_24/Index.aspx">竞驰K3管理通系列</a></li>
                  <li><a href="/Category_25/Index.aspx">竞驰服装鞋帽系列</a></li>
                  <li><a href="/Category_26/Index.aspx">竞驰财务通系列</a></li>
                  <li><a href="/Category_27/Index.aspx">竞驰IT通讯系列</a></li>
                  <li><a href="/Category_28/Index.aspx">竞驰CRM客户关系管理系统</a></li>
                  <li><a href="/Category_29/Index.aspx">竞驰医院管理系统</a></li>
                  <li><a href="/Category_30/Index.aspx">竞驰学校管理系统</a></li>
                  <li><a href="/Category_50/Index.aspx">竞驰食品系列</a></li>
                </ul>这样的话$(this).parent().next("ul").show();这句js代码是可以的
这也可能是ie6、7的漏洞吧，ie8修改了，在ff下不存在这个问题

Answer 3

在ie下不同标签下不认识next和prev 在ie下只能解析相同的标签运用next或者prev。比如你把代码改成
 <ul class="pe_u_thumb_list"><img src="images/reg4.gif"><a href="/Category_22/Index.aspx">竟驰软件</a></ul>
                <ul>
                  <li><a href="/Category_23/Index.aspx">竞驰管理通系列</a></li>
                  <li><a href="/Category_24/Index.aspx">竞驰K3管理通系列</a></li>
                  <li><a href="/Category_25/Index.aspx">竞驰服装鞋帽系列</a></li>
                  <li><a href="/Category_26/Index.aspx">竞驰财务通系列</a></li>
                  <li><a href="/Category_27/Index.aspx">竞驰IT通讯系列</a></li>
                  <li><a href="/Category_28/Index.aspx">竞驰CRM客户关系管理系统</a></li>
                  <li><a href="/Category_29/Index.aspx">竞驰医院管理系统</a></li>
                  <li><a href="/Category_30/Index.aspx">竞驰学校管理系统</a></li>
                  <li><a href="/Category_50/Index.aspx">竞驰食品系列</a></li>
                </ul>这样的话$(this).parent().next("ul").show();这句js代码是可以的
这也可能是ie6、7的漏洞吧，ie8修改了，在ff下不存在这个问题

Answer 4

li加上一个zoom:1试试看。我不记得什么问题了，但是我似乎也遇到过

Answer 5

三楼的 我这个代码不能改成你那样很奇怪 、 5楼的你这样也不行 奇怪了不是说Jquery能兼容所有浏览器的吗结果发现IE6有这个问题

Answer 6

jquery只兼容主流浏览器，ie6它是非主流...

Answer 7

jquery是兼容浏览器，但是这些标签是html的啊，有的不是xhtml那就不好说了