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 直接进入演示。