0

最近，我使用JQuery-UI 选项卡( http://jqueryui.com/tabs/ ) 并在尝试使用许多选项卡导航 li-s时卡住了。

过多的 tabs-nav li-s 转到下一行。

我希望它排成一行，没有换行符，并在需要时滚动。

我搜索了很多问题，并尝试了很多方法，但没有一个能解决我的问题。

类似的问题，但不是 jquery-ui 选项卡是：Divs next to each other, with size, no linebreak

等待您的宝贵答案！

==============

请参阅此处的 html 源代码：示例

CSS是：

/* JQuery-UI tabs overwrites - set the width as small as possible! */
.ui-tabs { width:100px; }
.ui-tabs .ui-tabs-nav {}
.ui-tabs .ui-tabs-nav li {}
4

1 回答 1

1

我们在 Compilr.com 上通过破解现有的 jquery-ui 选项卡插件和它的标记来做到这一点。我正在努力清理它，以便我们可以将它作为插件开源，但现在你可能只需要尝试使用 firebug 或等效工具将它分开。我一直在从头开始重写它，它还没有完成，但我会及时通知你。

更改选项卡周围的标记和 css 确实是实现这一目标的关键组件。

编辑：

我已经使用bootstrap开始了一个非常基本的实现。你可以在 GitHub 上 fork 它：https ://github.com/MarkMurphy/slidetabs

于 2013-01-19T09:41:07.087 回答