Javascript 为什么这个脚本在IE6中不起作用?

Javascript 为什么这个脚本在IE6中不起作用?,javascript,jquery,Javascript,Jquery,我一直在做水平手风琴。目前它还不能很好地工作,但我只需要改变一下。代码是非常粗糙的,我打算让它更优雅一点,一旦它工作 除ie6外,它在每个浏览器中都能完美运行。最初,当它加载到页面中时,你只能看到第六个面板(标记为df6)…然后,如果你点击手风琴,它似乎会栩栩如生……所有面板都会出现,而且似乎工作正常。我想不出任何理由 有什么想法吗?我对此完全不知所措:( 啊!谢谢Elf King!你对jquery和IE6的评论让我在谷歌搜索中发现了另一个堆栈溢出帖子: 似乎将我的脚本移动到页面底部并删除了文

我一直在做水平手风琴。目前它还不能很好地工作,但我只需要改变一下。代码是非常粗糙的,我打算让它更优雅一点,一旦它工作

除ie6外,它在每个浏览器中都能完美运行。最初,当它加载到页面中时,你只能看到第六个面板(标记为df6)…然后,如果你点击手风琴,它似乎会栩栩如生……所有面板都会出现,而且似乎工作正常。我想不出任何理由

有什么想法吗?我对此完全不知所措:(


啊!谢谢Elf King!你对jquery和IE6的评论让我在谷歌搜索中发现了另一个堆栈溢出帖子:

似乎将我的脚本移动到页面底部并删除了文档。准备好了吗


非常感谢和抱歉,我本应该在谷歌上更彻底地搜索一下:)

对我来说,这在IE7中也不起作用!但是,我能够通过设置标记中列表项的id使其正常工作。元素ID不应该是经常更改的类型,所以也许可以这样做,而应该在onload函数中设置它。。。你这样做有什么原因吗

<body>          
 <ul id="accordion">     
  <li id="handle1">
    <a href="#">df1</a>
    <div>content1
    </div>
  </li>     
  <li id="handle2">
    <a href="#">df2</a>
    <div>content2
    </div>
  </li>       
  <li id="handle3">
    <a href="#">df3</a>
    <div>content3
    </div>
  </li>        
  <li id="handle4">
    <a href="#">df4</a>
    <div>content4
    </div>
  </li>         
  <li id="handle5">
    <a href="#">df5</a>
    <div>content5
    </div>
  </li>               
  <li id="handle6">
    <a href="#">df6</a>
    <div>content6
    </div>
  </li>        
</ul>       

  • 内容1
  • 内容2
  • 内容3
  • 内容4
  • 内容5
  • 内容6

它在Firefox中也不太好用。您可以使用现有的库来实现这一点,比如Mootools、JQuery等等?你到底是什么意思?它在我的firefox版本(3.6.6)中运行良好。您使用的是哪个版本,哪些版本不起作用?ie6下的jquery充其量是完全不正常的。很多基本的dom函数都不起作用。由于IE6只得到MS的部分支持(请参阅),因此您不必担心:)感谢您修复了拼写错误。以后我会尽量提高警惕;)数量惊人的公司仍然需要IE6支持,因此他可能没有太多的选择来担心IE6。我的经验是,使用哪个版本的IE6也很重要。看似微小的差异会产生巨大的影响。IE6是一个地狱,我们仍然没有摆脱它。嗨,我没有机会测试ie7,但我想这和IE6的问题是一样的。谢谢你让我知道!我正在动态地分配这些id,以便在将来使用起来更方便。我通常会将类似的东西放在插件中,这样它就可以被我工作场所中不太擅长js的其他开发人员重用。