如何使用jQuery製作一個簡單的標籤？

看看http://jquerytools.org/demos/tabs/skin1.htm。很優雅。我如何使用jQuery（而不是jQuery Tools）完成同樣的事情？ Theme Rooler對創建主題沒有幫助，它只能改變顏色。我不想使用jQuery工具，因爲我使用jQuery。不想混合分開庫。如何使用jQuery製作一個簡單的標籤？

所以我有我的手骯髒的CSS（修改jQuery的CSS），但我無法得到完全相同的結果。任何簡單的解決方案？我正在考慮放棄jQuery的選項卡，並從頭創建自己的選項卡，但仍然使用一些jQuery功能，如hide（）或選擇器。我知道我的問題很模糊，但我只想指出正確的方向。

來源

2012-09-18 Costel Socianu

jQuery Tools是jQuery的擴展，不是與它衝突的東西。事實上，如果沒有首先加載jQuery，它將無法正常工作。他們有很多常用網頁元素的很好的庫。你自己說的很優雅，爲什麼不使用它？

來源

2012-09-18 21:34:14

試試這個請：http://jsfiddle.net/wZPzB/

很好的鏈接：http://jqueryui.com/demos/tabs/

不甚清楚，你的意思是不使用下面的腳本JQ工具不使用工具的lib怎麼辦。

希望它適合原因！ :)

腳本

<script type='text/javascript' src='https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js'></script> 
    <script type="text/javascript" src="http://code.jquery.com/ui/1.8.18/jquery-ui.min.js"></script> 
    <script type="text/javascript" src="/js/lib/jquery.lint-11-06.js"></script> 
    <link rel="stylesheet" type="text/css" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1/themes/ui-lightness/jquery-ui.css">

代碼 ==>$("#tabs").tabs();

var $tabsList = $("<ul></ul>"); 

$(".tab h3") 
    .each(function(idx) { 
        var $this = $(this), 
            tabId = "tabs-" + idx; 
         
        $tabsList.append("<li><a href='#" + tabId + "'>" + $this.text() + "</a></li>"); 
         
        $this 
            .parent() 
                .removeClass("tab") 
                .attr("id", tabId); 
         
        $this.remove(); 
         
    }); 

$tabsList.prependTo(".tabs"); 

$(".tabs").tabs();

來源

2012-09-18 21:39:02

如何使用jQuery製作一個簡單的標籤？

回答

相關問題