jQuery手風琴和標籤

我試圖獲得jQueryUI選項卡內工作的jQueryUI手風琴。我讀過有問題的人，並且發現有幾篇帖子報道成功從標籤'show'事件中初始化手風琴，但是當我嘗試這樣做時，我只看到了兩個半風格的標籤頁眉，沒有手風琴功能。我在我的頁面加載事件如下：jQuery手風琴和標籤

$().ready(function() { 
    tabs = $('.jqTabsStandard').tabs({ 
     show: function(ev, ui) { 
      $('.ingredientsAccordion').accordion({ 
       autoHeight: true, 
       header: 'h3 a' 
      }); 
     } 
    }); 
});

的頁面是here - 點擊編輯（鉛筆）按鈕，爲配方，然後單擊成分標籤。

來源

2011-03-29 Echilon

做手風琴的工作，如果它不在標籤中？也可以只給標籤和手風琴的HTML – mcgrailm 2011-03-29 13:13:03

請檢查： http://stackoverflow.com/questions/1542161/jquery-ui-accordions-within-tabs/6796264#6796264 – 2011-07-22 21:21:04

解決方案與更改UI的加載順序一樣簡單。首先初始化手風琴，選項卡，手風琴具有這種高度並且不可見。

來源

2011-03-30 14:36:24 Echilon

我使用Chrome中的開發人員工具對其進行了檢查：手風琴數據容器沒問題，但高度爲1像素。這就是爲什麼你什麼都看不到。嘗試改變標籤容器的高度，因爲當手風琴在標籤上啓動適配內容時，手風琴實際上沒有滑動空間。對不起，我很抱歉:)

來源

2011-03-29 13:37:06 CoolEsh

但容器沒有有一個明確的高度，它應該是可用的標籤高度，但作爲第二個標籤（手風琴）隱藏在頁面加載時，它是不可見的。 – Echilon 2011-03-29 14:24:39

jQuery手風琴和標籤

回答

相關問題