2011-08-26 39 views
4

我有問題與jQueryUI的幻燈片效果。我有一個帶有幾個按鈕的邊欄,點擊後會產生另一個邊欄從其左邊滑出。其中一個「次級側邊欄」包含一個谷歌JS地圖,並滑動那一個出色的工作。切換(「幻燈片」,{方向:「右」},5000)父母div問題的高度

另一個包含關於右側邊欄顯示的資源的評論的討論。使用模板插件填充這些討論,並在調用.toggle()之前調用填充容器的代碼。

當容器滑出容器(其具有背景顏色#eee)不是「跨越其身高的兒童」。我看到一個正確背景顏色的500x40像素的盒子,並且此容器的子項顯示爲就好像它們的標記位於容器外部一樣。

動畫完成後,容器會垂直拉伸以覆蓋所有子項,並且都很好。不幸的是,我不能給任何人鏈接到這個代碼的活生生的例子,所以我要求的是關於如何開始尋找問題的建議。這可能是任何事情,但我的猜測是這是jquery ui的錯。

重要:
jQuery的UI的.slideToggle()不會重現這個錯誤,而不是做.fadeIn()或.toggle()。不幸的是,.slideToggle()不採用方向參數。

感謝

+0

檢查花車,讓你清理它們內滑動div,就在它之前,並在它之後 –

+0

@Abe我想你的意思是清潔?如果你可以更具體一點,我會很感激 –

+1

沒有「清除」。當你浮動時:left;或浮動:正確;它會混淆元素的顯示,而不會出現浮動屬性。所以浮動後的對象做

回答

4

檢查花車,讓您suring他們clearning滑動格內,只是在它之前,和它之後。

添加以下後浮動元素(S)(的div浮動:左或浮動:右)

大多數人都被稱爲 「歸零」 或 「CLR」

.clr {clear:both;} 
CSS類

,那麼你可以做

<div class="clr"></div>

它讀取稍微好一點,你可以使用他們很多在未來:)

+0

+1清理漂浮物的好地方 – andyb