jquery選項卡和html列表

我有我的代碼中的選項卡和列表。我正在使用jquery的標籤。的代碼是：jquery選項卡和html列表

<div id ="xvz"> 
<!--list one here--> 
    <ul> 
     <li>item 1</li> 
     <li>item 2</li> 
    <ul> 
<!--list for tabs here--> 
    <ul> 
     <li>tab 1</li> 
     <li>tab 2</li> 
    <ul> 
</div>

在JS文件

，

$("#xyz").tabs();

該代碼使得所述第一列表作爲標籤列表和第二個是一個普通的HTML列表。我應該怎麼做，第二個是標籤頁。一種解決方案是將第二個列表放入一個div元素中，然後將tab函數應用於它。但我不想碰我的HTML代碼。有沒有一種方法可以簡單地通過改變js來實現。在此先感謝

來源

2013-07-03 user1484793

向我們展示列表中的一個和兩個 –

代碼編輯的結構.. 。 – user1484793

我不知道該如何使用插件。如果要在列表容器上調用，你可以做到以下幾點：

// get the second list and wrap it into div#listWrapper 
$("#xyz ul").eq(1).wrap('<div id="listWrapper"></div>'); 

// activate tabs on the list inside our new wrapper 
$('#listWrapper').tabs();

如果可以將列表本身，那麼你可以簡單地做被稱爲：

$("#xyz ul").eq(1).tabs();

編輯

如果你不想改變你的HTML代碼，即使使用JavaScript，你可以改變它只在標籤初始化時：

var $xyz = $("#xyz"); 
var $firstUl = $xyz.find("ul").eq(0); 
var $secondUl = $xyz.find("ul").eq(1); 

// swap lists: 
$xyz.append($firstUl); 

// init tabs 
$xyz.tabs(); 

// swap again 
$xyz.prepend($firstUl);

來源

2013-07-03 09:00:24

在這種情況下，你似乎是出於運氣作爲插件似乎第一ol,ul元件能夠獲取到所創建的標籤

_getList: function() { 
    return this.element.find("ol,ul").eq(0); 
},

來源

2013-07-03 09:04:10

你是怎麼知道使用哪個tab插件的？ –

jquery選項卡和html列表

回答

相關問題