jQuery UI選項卡 - 如何更改選項卡的位置

Question

我已創建選項卡布局，如示例http://jqueryui.com/demos/tabs/#bottom與面板中的控件一樣。我有3個默認選項卡，不能被刪除，並且用戶可以添加更多選項卡並刪除它們。

問題是，默認的選項卡應該在頂部，就像那個http://jqueryui.com/demos/tabs/#default，因爲UI不支持兩個控制面板，我已經創建了一個新的元素，看起來像控制面板頂部<p class="ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-top tabs-header-top"></p>固定heigth。但是現在我不知道如何將默認選項卡移動到正確的位置。我嘗試添加position: relative; top:-20em;，但爲了使其工作，整個標籤容器必須有固定的高度，這是不好的，因爲我需要它在窗口內拉伸以儘可能大。

那麼還有什麼其他的方式來將默認的標籤移動到頂部？

感謝

編輯：我這裏是我的想法，但FIXD heigth實現http://jsfiddle.net/L6QjK/2/

需要明確的是：這種方法是technicaly工作，所以questin是不是有兩個控制面板製作標籤，但對定位標籤

Answer 1

所以最後我設法通過改變jquery UI代碼來創建兩個控制面板。 如果有人試圖做同樣的事情，我這裏有一些提示：

1）要創建多個控制面板，找到現在this.list=this.element.find("ol,ul)").eq(0) ，該.eq(0)選擇的原因，即onlz第一UL或醇是由控制面板，所以我只是簡單地將查找選擇器修改爲：this.list=this.element.find("ol,ul:lt(2))")和:lt(2)選擇器將使前兩個UL到兩個控制面板。現在我們有兩個控制面板，並且都是關於css定位的，您可以在這裏找到http://jqueryui.com/demos/tabs/#bottom將一個控制面板移動到底部。

2）我正在使用架構，即第一個控制面板包含靜態選項卡，並在第二個添加dznamic選項卡。所以我還需要在添加選項卡時更改目標。爲此，您必須找到h.appendTo(this.list)並將其更改爲h.appendTo(this.list[1])，因爲ad.1）this.list現在包含兩個元素，我希望將選項卡添加到第二個元素中。

所以finaly使兩個控制面板選項卡的佈局並不難

Answer 2

不知道這是否會成功，但嘗試創建兩個div，一個默認的造型和一個與底部造型：

<div class="tabs">... 
<div class="tabs tabs-bottom"> 

然後用$(".tabs").tabs(...)