2011-08-25 187 views
1

我在使用jQuery UI的手風琴插件時遇到問題。在下面的網站上,在初始頁面加載之後點擊今日。 Accordion通過Ajax加載。jQuery UI手風琴問題

http://opencalendars.com/alpha/v0.9.1/event.php

當我使用一個函數來加載選項卡上直接啓動它似乎工作。

http://opencalendars.com/alpha/v0.9.1/event.php?p=2

下面是我使用的選項...

$(".accordion").accordion({'fillSpace': true, 
'clearStyle': true }); 

任何想法的問題是什麼嗎?

回答

2

你的問題似乎是在這裏:

$("#tabs").tabs({ selected: $.getUrlVar('p'), cache: true, spinner: 'Retrieving data...',fx: { opacity: 'toggle' } } 

因爲你是從URL中獲得的selected的價值,它是不確定的,缺省值爲0試試吧默認爲1:

var selectedTab = $.getUrlVar('p') || 1; 
$("#tabs").tabs({ selected: selectedTab, cache:... 
+0

在這種情況下的第一頁。 然而它並沒有解決手風琴問題。 –

+0

我可能誤解了這個問題。當你不去'?p = 2'時,你的問題是它更小嗎? – Dennis

+0

是的jQuery手風琴它並沒有顯示其中包含的所有內容。使用時不會發生問題?p = 2 –

2

在選項卡之前實例化手風琴。問題是,當你要求它建立手風琴時,他們已經被標籤「隱藏」了,所以手風琴無法正確計算高度。他們錯誤地認爲他們沒有內容。

jsFiddle of Tabs before Accordions

jsFiddle of Accordions before Tabs but with 'filSpace':true

jsFiddle of Accordions before TabsWINNAR

注意,第一個例子中有你做同樣的問題。只需翻轉你兩行

$(".accordion").accordion({clearStyle: true }); 
$("#tabs").tabs({ selected: selectedTab, cache: true, spinner: 'Retrieving data...',fx: { opacity: 'toggle' } } 
     ).find(".ui-tabs-nav").sortable({ axis: "x" }); 
+0

我確信這可以解決問題。但實時版本的更新沒有任何效果。 –

+0

你爲什麼要加'fillSpace':是嗎?這表明手風琴會完全填滿它的父母。只有你的父母沒有大小。 – Sinetheta

+0

其他人曾建議添加'fillSpace':true。我已經刪除它,它不會以任何方式工作。 –

0

添加我所做的更新使用0而不是1。由於0直播網站的選項

autoHeight: false