2010-07-21 59 views
0

我一直在水平手風琴上工作。目前它的運行狀況並不理想,但我只需要改變一些。代碼非常粗糙,我打算在它工作後使它更加優雅。爲什麼此腳本在IE6中不起作用?

它在除ie6之外的每個瀏覽器中都能正常工作。最初,當它加載到頁面中時,您可以看到的是第6個面板(標記爲df6)...然後,如果點擊該手風琴似乎彈入生活....所有的面板出現,它似乎工作得很好。我想不出任何理由。

任何想法?我在一個完全喪失這個:(

http://boudaki.com/testing/carousel/test.html

+0

它不會在Firefox無論是工作這麼好。您可以使用現有的庫來做到這一點,如Mootools,JQuery,... – 2010-07-21 16:03:25

+0

咦?你究竟是什麼意思?它在我的Firefox版本(3.6.6)中工作正常。你正在使用哪個版本,究竟哪些不起作用? – 2010-07-21 16:04:57

+2

ie6下的jquery充其量是完全扭曲的。很多基本的dom函數都不起作用。由於IE6只部分支持MS(請參閱http://support.microsoft.com/gp/lifesupsps/#Internet_Explorer)可能你不應該擔心它:) – 2010-07-21 16:05:58

回答

1

阿三江源精靈之王您對jQuery和IE6的評論使我對谷歌搜索這打開了另一堆棧溢出後:!

jQuery $(document).ready() failing in IE6

看來移動我的腳本到頁面的底部,並移除的document.ready固定它!

非常感謝和道歉,我應該用Google搜索這個更徹底:)

+0

不要忘記接受你的答案! :-) – 2010-07-21 16:28:03

1

對我來說這在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>  

+0

嗨,我沒有得到一個機會來測試ie7,但我想象它是ie6一樣的問題了。謝謝你讓我知道!我正在動態分配這些ID,因此在將來使用它很好用。我通常把這樣的東西放在插件中,以便其他開發人員可以在我的工作場所對js不太熟練。 – 2010-07-21 16:59:27

相關問題