jQuery的標籤提取

Question

原題：

是否有可能採取UL的出DIV ID =「標籤」，這樣的標籤可以在一個完全不同的位置上進行顯示？

http://jsfiddle.net/jQxc5/

編輯1：

但是當我嘗試這樣做，標籤停止工作，如：

http://jsfiddle.net/jQxc5/1/

Answer 1

如果我正確理解你的問題，你不能做你正在嘗試做的事情，因爲jQuery UI庫期望它的標籤有一定的格式，當你打破這種格式時（你在第二次考試中ple），jQuery UI無法處理它。

現在，如果您希望將內容與標籤結構分開，您可以使用load content via AJAX。你會做這樣的事情：

<div id="tabs"> 
    <ul> 
     <li><a href="#tabs-1">Preloaded</a></li> 
     <li><a href="ajax/content1.html">Tab 1</a></li> 
     <li><a href="ajax/content2.html">Tab 2</a></li> 
    </ul> 
    <div id="tabs-1"> 
     <p>Some data...</p> 
    </div> 
</div> 

你會發現，第二和第三標籤（標籤1和表2）從一個完全獨立的頁面加載其內容。你基本上可以在你的網站上放置任何URL，jQuery UI將通過AJAX加載它。 （您也可以預先加載AJAX選項卡，或在用戶單擊選項卡時加載它們。）

但是，從選項卡結構中刪除div是不可能的（以及爲什麼您的第二個示例會中斷）。

Answer 2

你應該看看用jQuery ui創建的css結構。查看第一個解決方案的輸出並將其複製到新的結構中，並將其與優秀的css文件鏈接起來。

在jQueryUI的網站，所顯示的樣子像這樣的例子：<ul class="ui-tabs-nav ui-helper-reset ui-helper-clearfix ui-widget-header ui-corner-all">....

我跳我是清楚的。