jquery 用於選項卡式內容的 ui 小部件

Question

Jquery ui 不顯示選項卡式內容小部件的示例，如右側列表http://jqueryui.com/demos/tabs/#default您選擇示例的位置（默認功能，通過 Z2705A83A5A0659CEDACE3458 等的內容）等

有誰知道如何使用 jquery UI 創建類似的選項卡式內容？ 沒有添加腳本。

Answer 1

我相信您可以使用您鏈接到的 jquery ui 選項卡腳本。 使用 CSS 獲得右側和垂直的選項卡，而不是沿着頂部和水平方向。

jQuery 明智的我認為沒有區別。 它是一個造型的東西。

Answer 2

從這個問題有一個鏈接到垂直 jQuery UI tabs demo 。

Wijmo Open 還向其基於 jQuery UI 的選項卡添加了 alignment 屬性，前提是無法拉伸其他腳本約束。

Answer 3

它本身不是小部件，而是事件處理程序和 CSS 的組合。 你可以查看它的源代碼：

http://jqueryui.com/js/demos.js

I'd like to say also that the AJAX content loading is not a great solution as it is used in jQuery UI demos, because they load content via AJAX and they update hash part or URL, but you can't go back in browser history並且您不能使用特殊的 hash 直接進入演示。