0

最近、JQuery-UI のタブ( http://jqueryui.com/tabs/ ) を使用していますが、多くのタブ ナビを使用しようとするとスタックします。

過剰な tabs-nav li-s は次の行に移動します。

改行なしで1 行で表示し、必要に応じてスクロールします。

私はたくさんの質問を探し、多くの方法を試しますが、私のものを解決するものはありません.

同様の質問ですが、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 でフォークできます: https://github.com/MarkMurphy/slidetabs

于 2013-01-19T09:41:07.087 に答える