jQuery UI選項卡：添加滾動控件時，太多標籤

是否有一個更好的方式/ ui選項卡的擴展可以處理/提供控制滾動選項卡時，有太多的選項卡？jQuery UI選項卡：添加滾動控件時，太多標籤

我發現了一些，但他們不使用最新的jquery-ui-1.10.3。例如.. Jizmoz Tabs是選擇好得多，但不適用於新的用戶界面或與jQuery 1.9.1。

其他建議？

$("#tabs").tabs({ 
    scrollable: true, 
    changeOnScroll: false, 
    closable: true 
});

來源

2013-10-08 django

可能不是你要找的，但你可以嘗試Twitter的引導標籤http://getbootstrap.com/它可能不會有滾動選項卡，但它非常靈敏。不適合的選項卡將向下移動.. – Trevor

這是迄今爲止這樣做的最佳解決方案。但是像你說的只能使用指定的版本：\ ...任何人都可以重構它的最後一個版本的jQuery和用戶界面？那將是真棒！ – Kreker

查看http://aamirafridi.com/jquery/jquery-scrollable-tabs演示http://jquery.aamirafridi.com/jst/#examples –

看看這些鏈接

第二鏈路可以是有益的

http://riteshsblog.blogspot.in/2011/09/jquery-ui-tab-scroller-plugin.html

[http://jsfiddle.net/Bua2d]

來源

2013-11-06 06:49:56 Prasath

使用this庫。 jquery-migrate-1.2.1.js應該被引用。使用示例：

$("#tabs").xtabs({ 
     scrollable: true, 
     changeOnScroll: false, 
     closable: true 
    });

這個被更新Jizmoz標籤的jsfiddle，這也是第一版本的改變jquery scrollable tab。我使用它與jQuery的2.1.1和一切運作良好。

來源

2014-09-10 06:53:52 Mardok

這一行就像魔法：

$(".ui-tabs-nav").hover(function() { $(this).css("height", "auto"); $(this).css("overflow", "hidden"); $(this).css("overflow", "auto"); }, function() { $(this).animate({ height: "32px" }, 600); });

它只懸停在選項卡標題時顯示完整的標籤，否則僅顯示標籤的第一行（默認情況下，但變化32PX，以滿足您的需求）。

來源

2015-03-31 11:38:46 Karlth

replace "_super._create.apply(self);", with "self._superApply(self);" 
replace "_super._update.apply(self);", with "self._superApply(self);"

它的工作原理，但有一些錯誤。

來源

2015-05-24 17:12:06 Linand

你能解釋一下你的代碼嗎？你在說什麼錯誤？ – brodoll

我爲此創建了一個插件，它使用Chrome風格的標籤大小調整行爲。

初始化

$(".tabpanel").tabs().tabs('overflowResize');

Demo

GitHub

來源

2015-11-14 20:59:28

jQuery UI選項卡：添加滾動控件時，太多標籤

回答

相關問題