用于选项卡式内容的 jquery ui 小部件答案

【问题标题】：jquery ui widget for tabbed content用于选项卡式内容的 jquery ui 小部件
【发布时间】：2011-05-28 00:48:07
【问题描述】：

Jquery ui 不显示选项卡式内容小部件的示例，例如右侧列表 http://jqueryui.com/demos/tabs/#default，您可以在其中选择示例（默认功能、通过 ajax 的内容等）

有谁知道如何使用 jquery UI 创建类似的选项卡式内容？没有添加脚本。

【问题讨论】：

我不明白这个问题。您有兴趣复制 jqueryui.com 右侧的导航菜单吗？如果是这样，我不会将其称为选项卡式内容。在我看来，它就像一个普通的 HTML/CSS 导航菜单。
是的。我假设它是用 jquery ui 制作的，但没有例子。我们只有顶部的标签。

【解决方案1】：

来自this question 有一个指向vertical jQuery UI tabs demo 的链接。

此外，Wijmo Open 还向their jQuery UI based tabs 添加了对齐属性，前提是无法拉伸额外的脚本约束。

【讨论】：

【解决方案2】：

我相信您可以使用您链接到的 jquery ui tabs 脚本。使用 CSS 让选项卡位于右侧和垂直方向，而不是顶部和水平方向。

jQuery 明智我看不出有什么区别。它是一种造型。

【讨论】：

【解决方案3】：

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

我还想说，AJAX 内容加载并不是一个很好的解决方案，因为它在 jQuery UI 演示中使用，因为它们通过 AJAX 加载内容并更新哈希部分或 URL，但你不能返回在浏览器历史记录中，您不能使用特殊哈希直接进入演示。

【讨论】：