如何使用JqueryUI使用自定義內容創建新選項卡

Question

我使用Jquery UI來創建選項卡。我想創建新的選項卡與內容tab1 =內容選項卡2

Answer 1

您可以使用一點jQuery來實現這一點。假設你的jQuery UI的標籤代碼如下所示：

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Tab 1</a></li> 
     <li><a href="#tabs-2">Tab 2</a></li> 
    </ul> 
    <div id="tabs-1"></div> 
    <div id="tabs-2">Test content</div> 
</div> 

您可以使用類似於下面的內容複製到第一個標籤的東西。

var content = $('#tabs-2').html(); 
$('#tabs-1').html(content); 

此代碼採用tabs-2 div內的HTML字符串並將其存儲在變量中。然後它將tab-1 div中的內容設置爲變量。