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选项卡：添加滚动控件时，太多标签

回答

相关问题