为什么这段jquery代码在IE和firefox区别这么大?


<script src="lib/jquery1.6.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(
function() {$("#fq > li").click(
function(){
var ul = $(this).next();
if(ul.is(':visible')){
ul.slideUp();
}else{
ul.slideDown();
}
}
);
});
</script></head>
<html>
 <body>
     <ul id="fq">
        <li class="ll">菜单1</li>
        <ul class='ull'>
           <li>子菜单1</li>
           <li>子菜单2</li>
        </ul>
        <li class="ll">菜单2</li>
        <ul class='ull'>
           <li>子菜单1</li>
           <li>子菜单2</li>
        </ul>
     </ul>
</body>
</html>

解决方案 »

  1.   

    是因为IE,FF对待空格的方式不同，IE忽略，FF会把空格看成文字节点
      

  2.   


    var ul = $(this).find(".ull");改成这样 .
    ie下把下面的菜单二也算进去了 。
      

  3.   

    楼上2位大哥能说详细点吗?我只是大概明白了!
    另外2楼的代码解决了IE问题,但是firefox里完全没有效果!
      

  4.   

    你这 ul - ul 很不规范 。
    麻烦死了 。再弄弄 。
    应该是ul li ul 这样嵌套 。
      

  5.   


    var index = $(".ll").index($(this));
    var ul = $(this).parent().find(".ull").eq(index);
    ul.slideToggle();
      

  6.   

    var index = $(".ll").index($(this));
    var ul = $(this).parent().find(".ull").eq(index);
    ul.slideToggle();
    解决了2个浏览器间的问题
    呵呵,我知道不规范,但是遇见了,就练练嘛!
    刚学jquery!
    弱弱的问下:大家用什么工具调试jquery啊?