2009-10-29 112 views
1

我有一個很大的問題,我的jQuery。 我終於做到了,我的slidetoggle在Firefox中運行。 動畫結束時動畫有點跳動。 我讀了很多解決方法,但不知何故沒有幫助我真的。 也許你們任何一個人都可以幫助我擺脫這種困境。jQuery slideToggle()與Internet Explorer和跳動動畫

另一個更大的問題是,隱藏的divs不幸的是 直接顯示在Internet Explorer中啓動。我在IE6中測試了它& 7. 而滑動效果也很奇怪。

有沒有人知道我是否必須給IE的額外樣式?

這裏是我的地盤我的工作:

http://www.haus-plan.de/_01_Hausplan/

紅色標題是在內容區和右側面板上的兩個幻燈片的話滑動。

我注意到Internet Explorer正確地在右側面板上運行第一個幻燈文字。 這裏它的div是第一個隱藏的,只有當我們點擊並讓它滑落時才顯示出來。 但他們在這非常SH開始顯示其他的div .....

請幫助meee ....

回答

1

爲了保持隱藏在負載的div,嘗試設置「d_show _hide 「類‘顯示:無’,然後把這個在你的DOM準備:

$('.d_show_hide').show(); 

的CSS將設置爲不顯示,那麼,當DOM準備好了,它會顯示你的DIV的風格加載。你可以在你的「slideToggle」方法調用後放置它。

您也可以嘗試在窗口準備好'd_show _hide'div而不是準備好DOM;這將確保在調用方法之前可以使用它內部的元素。

$(window).load(function(){ 
    //slide toggle here 
} 
1
<li> 
    <a href="#" id="sombra" onclick="$('#opt_1').slideToggle(360);">MUEBLES</a> 
    <!-- just have to force the width of the elemet! --> 
    <ul id="opt_1" style="display:none; width:164px;"> 
     <!-- content --> 
    </ul> 
</li> 

就必須強迫,這是問題的容器的寬度!