问题标签 [jquery-ui-tabs]

我目前正在使用一个自动循环的选项卡菜单。一旦我将鼠标悬停在其中一个选项卡上，“旋转”应该在选定的选项卡上停止，当我将鼠标移出时，它应该继续从选定的选项卡项旋转。

目前，当 MouseOver 循环停止但未选择正确的项目时，一旦我 mouseOut 然后 MouseOver 再次功能完美运行！我的问题在于第一次 mouseOver 代码似乎没有正确加载？

有任何想法吗？帮助将不胜感激。

感谢你的宝贵时间..

我有一个看起来像这样的页面：

其中有 jQuery 选项卡元素和 4 个选项卡。我希望有一个按钮可以在整个页面上同时显示所有 4 个选项卡，并带有一个关闭选项以将其恢复为以前的状态。像这样的东西：

关于如何去做这件事的任何想法？

这是我的代码：

divHtml 有 html li 标签的地方

它在 FF 和 chrome 中运行良好，但在 IE7 和 8 中运行良好 :(

尝试了此站点上的许多替代方案，但没有任何乐趣！

请帮忙

我正在使用 jquery UI 选项卡，我需要主要更改其样式。我需要修改背景图像、边框，几乎所有内容。我需要它看起来最小，而不是像它是独立的。

最好的方法是什么？但是，我需要使用日历小部件的默认 UI 样式，它位于同一页面上。我做了很多研究，每个人似乎都指向主题滚轮。但是，我不只是想更改颜色和边框半径。我需要删除废话。主题滚轮似乎只是改变颜色之类的东西（对现实世界没有用处）。如何在不更改同一页面上其他 UI 小部件的样式的情况下调整选项卡的 CSS（我希望日历保持原样）？

是否值得为我的标签使用 jquery UI？

我想使用 jquery-ui-tabs 实现一个标签栏，该标签栏已被定制为像在 HootSuite 上一样工作。在 HootSuite 上试试这个，看看我的意思：

1. 登录到您的 hoosuite.com 帐户
2. 单击选项卡右侧的 + 符号
3. 添加名为“MMMMMMMMMMMMMMMMM”的选项卡，直到出现“更多...”选项卡

你会看到这个： hootsuite 标签栏溢出 http://issues.tauren.com/hootsuite-sample.png

HootSuite 包括以下功能，所有这些都是我想做的：

1. 将尽可能多的选项卡放在屏幕上。屏幕较大的用户会看到更多标签。
2. 如果空间不足，将出现“更多...”选项卡和下拉列表
3. 单击更多选项卡将下拉附加选项卡列表
4. 可以拖动和重新排列选项卡。
5. 更多下拉列表中的标签可以拖到标签栏
6. 删除选项卡名称旁边带有小 X 的选项卡
7. 在最后一个选项卡的右侧添加带有 + 图标的选项卡

我已经有一个可以执行 4 和 6 的选项卡栏。我发现了一个非常酷的分页选项卡插件，但工作方式不同。有谁知道可以帮助我完成上述任务的插件或技术？

我的想法是不要真正使“更多”选项卡成为真正的选项卡，而只是一个看起来像选项卡的对象。我会在 tabs.add 方法中添加逻辑来计算另一个选项卡是否适合。如果不能，那么我会将选项卡的详细信息添加到我单独的“更多”列表中。要让这一切正常工作需要付出相当多的努力，所以如果有任何插件可以提供帮助，我很想听听它们。

顺便说一句，经过进一步检查，HootSuite 似乎并没有为此使用 UI 选项卡。如果已经有执行此操作的 jquery 插件，我想避免创建自制解决方案。

更新：我在这方面花了更多时间，现在我的自定义解决方案执行 1、4、6 和 7。但是，如果它们的空间不足，则会发生默认的 ui-tabs 行为并出现第二行选项卡. 我还找到了另一个滚动解决方案，我可能会使用它，直到我有时间构建一个类似 hoosuite 的解决方案。不过，如果有人知道其他类似的插件，请告诉我！

我想调用一个回调方法，该方法可能会或可能不会在 jQuery 选项卡作为 Ajax 内容加载的页面中实现。换句话说，我有一组 jQuery 选项卡，用于加载在 JSP 文件中呈现的内容。其中一些文件中包含额外的 Ajax 内容，有些则没有。

我能做的是：

但这有一些缺点——所有回调必须在嵌入到我的主选项卡页面的脚本中声明，以及它们可能依赖的任何东西——不优雅！另外，我希望能够调用相同的回调，以避免逐页 if/else 语句。简而言之，我想要类似的东西

可悲的是，我无法弄清楚如何调用内容中声明的脚本函数。如其他线程中所述，jQuery 不加载 Javascript。

显然必须为此设置一个选项，但我找不到哪个选项。

如果设置了选项并加载了 JS，我将如何访问这些功能？会不会是 ui.panel.funcname(); ?

谢谢， ES

JQuery UI 选项卡由无序列表中的命名锚点实现。当您将鼠标悬停在其中一个选项卡上时，您可以在浏览器底部显示的链接中看到这一点：

例如，上面将是“订单”选项卡。JQuery 显然拦截了对该锚点的单击并打开选项卡。

但是，如果我将上面的链接添加为书签或从网站的其他地方链接到它，则该页面不会在特定选项卡上打开。

在选项卡初始化块中，我正在考虑放入一些代码来查找 URL 中的命名锚点，如果找到，则对选项卡进行索引查找并在其上调用 select。这意味着它仍然可以在 JS 关闭的情况下工作。

但是有没有更简单/更好/更好的方法？

我无法在 jQuery UI 选项卡中创建 jsTree。如果我在选项卡之外创建 jsTree，它工作正常。有人知道 jsTree 是否与 jQuery UI 选项卡不兼容吗？

我的页面在下面。如果我替换以下行

和：

然后树在选项卡控件下方的页面中加载良好。

以下是 tab3.html 的内容：

如何在 JQuery UI 选项卡式面板中获取内容区域的高度？$('.ui-tabs-panel').height()清楚地返回内容区域的高度 + 选项卡的高度。我假设必须有一种简单的方法来获得这个维度？到目前为止，我的在线搜索并没有找到答案。

任何建议将不胜感激！

克里斯

替换当前选定的选项卡及其内容的最佳方法是什么？内容是使用 jquery 动态生成的，而不是通过 URL 加载的。

我需要从任何选项卡代码或选项卡事件处理程序（显示、添加等）之外执行此操作。页面上其他地方有一个链接，单击时应执行以下操作：

• 更改选项卡的标题
• 更改选项卡的 className
• 清除 tabcontent div 的所有元素
• 更改 tabcontent div 的 className
• 在 tabcontent div 中生成新内容

请注意，此链接的 click() 处理程序的唯一引用是 JQuery 选项卡对象 ($Tabs)。我可以使用$Tabs.tabs('option','selected'). 但是如何获得对选定选项卡的选项卡和面板的引用？在 jquery 选项卡处理程序（显示、添加等）内部，我可以访问ui.taband ui.panel，但是有没有办法从选项卡选项中获取它们？

简单地删除当前选定的选项卡，然后在同一索引位置添加一个新选项卡会更好吗？我想我必须将生成选项卡内容的代码放入 add() 处理程序中。

编辑：我很惊讶没有人有任何建议。通过删除当前选定的选项卡，然后在同一位置添加一个新选项卡，我可以正常工作。在快速浏览器中，这是一个不错的解决方案，但在使用慢速 javascript 的浏览器中，您实际上可以看到选项卡消失，然后出现一个新选项卡。它有效，但它确实不是最佳的。