问题标签 [jquery-ui-tabs]

问问题

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

1365 问题
Newest
Active
Bountied
318
Unanswered
0 投票
1 回答
413 浏览

jquery - dhtmlxtabbar 与 jQuery UI 选项卡有何不同？

这里有人尝试过使用 dhtmlxtabbar 吗？我想知道是否有人已经比较了这两个库，并且可以很好地比较易用性，将它与其他 JavaScript 库、浏览器怪癖等结合使用。

一个明显的区别是所使用的许可证，因为 dhtmlx 除了其标准版的 GPL 许可证外，还具有商业和企业许可证。另一个是使用 dhtmlxtabbar 很难加载带有内部 JavaScript 代码的 ajaxified 组件。除此之外，我什么都不知道。

那么，dhtmlxtabbar 与 jQuery UI 选项卡有何不同？

0 投票
1 回答
766 浏览

ajax - 加载远程内容时，jquery 选项卡有时会给出 404

我正在使用 jquery 选项卡从远程文件加载内容。我在选项卡式导航中有大约 30 个链接都加载了相同的脚本，但由于某种原因，我在 3 或 4 个链接上收到 404 错误。每次我重新加载页面时，不工作的链接都会改变，所以一些以前不工作的链接会正确加载，而以前工作的其他链接会抛出 404。加载函数恰好创建了一个 jcarousel，但触发但显示它收到 404 错误。

任何帮助将不胜感激。提前致谢。

0 投票
0 回答
505 浏览

jquery-ui - jquery选项卡内的相对链接

请参阅使用 Jquery 修复断开的链接

我认为这只是一个链接/查找问题，但如果我有：

tab1 - 使用链接“page1b.htm”加载 /rootdir/dir1/page1.htm tab2 - 使用链接“page2b.htm”加载 /rootdir/dir2/page2.htm

带有标签的页面是 /rootdir/tabpage.htm"

因此，由于jquery将所有页面（片段）加载到 html 到一个页面中，并且显然page1.htm甚至page2.htm不应该为此<head>添加标签，我该如何解决断开的链接问题？

（因为它可能会影响大约 50个页面）

谢谢一堆

Neil
0 投票
2 回答
28414 浏览

jquery - jQuery UI 选项卡 - 可用的 fx 选项

我无法找到任何关于此的真实文档，所以我想知道是否有人知道jQuery UI Tabs的所有可用fx选项？

目前我看到的只有：

  1. opacity: "toggle";
  2. height: "toggle";

交叉淡入淡出会很好，尽管我认为我还没有看到使用 jQuery UI 选项卡完成此操作。

此外，我什至找不到如何指定 fx 速度，尽管文档提到我应该能够更改它。

0 投票
3 回答
16912 浏览

jquery - 从 jQuery-UI 选项卡获取目标 URL

我正在开发一个大量使用 jQuery 选项卡和 Ajax 的项目。将数据加载到选项卡本身很简单，但选项卡中的数据需要通过位于选项卡 div 之外的选择框进行过滤。

这是我的问题开始的地方。假设我的选项卡对 URL“tab1.html”进行了 Ajax 调用。jQuery 选项卡将此目标更改为类似于“#ui-tabs-10”的哈希值，但我可以通过以下代码获取原始 URL：

但我似乎无法在此事件调用之外访问 ui.tab 对象。所以我的选择框更改事件最终看起来像这样：

我的问题是哈希图。我不需要它，它复制了我已经编码到选项卡 div 本身的信息。

我已经用尽了 Firebug 中的文档和 DOM 树，但无济于事。关于如何从选项卡事件外部检索 href 的任何想法？

我正在使用 jQuery UI 版本 1.7.2。Muchos gracias 提前。你们是最棒的。

0 投票
17 回答
89154 浏览

jquery - Google Maps API v3 + jQuery UI 标签的问题

当使用 Google Maps API 在 jQuery UI 选项卡中呈现地图时，有许多问题似乎是众所周知的。我已经看到发布了关于类似问题的 SO 问题（例如，此处和此处），但那里的解决方案似乎仅适用于 Maps API 的 v2。我检查的其他参考资料在这里和这里，以及我可以通过谷歌搜索找到的几乎所有内容。

我一直在尝试将地图（使用 API 的 v3）填充到 jQuery 选项卡中，结果不一。我正在使用所有东西的最新版本（目前是 jQuery 1.3.2，jQuery UI 1.7.2，不知道地图）。

这是标记和 javascript：

和

以下是我发现的有效/无效的内容（对于 Maps API v3）：

  • 使用 jQuery UI Tabs 文档（以及我链接的两个问题的答案）中描述的偏左技术根本不起作用。事实上，功能最好的代码使用 CSS .ui-tabs .ui-tabs-hide { display: none; }。
  • 让地图显示在选项卡中的唯一方法是将 CSS 的宽度和高度设置#map_canvas为绝对值。将宽度和高度更改为auto或100%导致地图根本不显示，即使它已经成功渲染（使用绝对宽度和高度）。
  • 我在 Maps API 之外的任何地方都找不到它的文档，但它map.checkResize()不再起作用了。相反，您必须通过调用来触发调整大小事件google.maps.event.trigger(map, 'resize')。
  • 如果地图未在绑定到tabsshow事件的函数内初始化，则地图本身会正确呈现，但控件不会 - 大多数只是完全丢失。

所以，这是我的问题：

  • 有没有其他人有完成同样壮举的经验？如果是这样，您如何确定实际可行的方法，因为记录的技巧不适用于 Maps API v3？
  • 根据jQuery UI 文档使用 Ajax 加载选项卡内容怎么样？我还没有机会玩弄它，但我的猜测是它会进一步破坏 Maps。让它发挥作用的机会有多大（或者不值得尝试）？
  • 如何使地图填充尽可能大的区域？我希望它填充标签并适应页面大小调整，就像在 maps.google.com 上完成的那样。但是，正如我所说，我似乎坚持只将绝对宽度和高度 CSS 应用于地图 div。

抱歉，如果这是冗长的，但这可能是 Maps API v3 + jQuery 选项卡的唯一文档。干杯!

0 投票
3 回答
3949 浏览

jquery - 取消选择所有 jquery 选项卡时遇到问题

我设置了一些 jQuery 选项卡开始时没有选择这样的选项卡：

然后我还有一个单独的链接，按下时需要取消选择所有选项卡。

或者

取消选择按钮单击确实会取消选择选项卡内容，但是选项卡标题仍然处于活动状态，并且类“ui-tabs-selected ui-state-active”。

取消选择所有选项卡的正确方法是什么？

Julian
0 投票
2 回答
2373 浏览

jquery - JQuery Ajax 选项卡 + 保持状态

我一直被困在一个问题上，似乎找不到任何帮助..我尝试了自己的代码，搜索了有关此事的教程，但似乎没有任何问题..

我目前正在为应用程序使用 JQuery UI 选项卡。每个选项卡单击实际上是使用 Ajax 加载其内容。我现在需要扩展功能并保持选项卡之间的状态。

例子：

单击选项卡 A 并填写表单文档。单击选项卡 B 以查找一些信息。单击选项卡 A，信息仍然存在。

有人对我如何做到这一点有一些见解吗？

0 投票
1 回答
1431 浏览

jquery - 如何在不选择 jQuery 选项卡的情况下检索所有选项卡名称或标签？

如何在不选择 jQuery 选项卡的情况下检索所有选项卡名称或标签？

我需要这个来验证标签名称/标签长度。

sandy
0 投票
1 回答
529 浏览

jquery-ui - Jquery - 表单插件，动态选项卡

我正在使用 JQuery UI 选项卡。当我使用 "$("#" + target).tabs('add', url, title);" 创建选项卡时 方法它打开一个选项卡并正确调用一个ajax表单..

现在，当我打开包含相同表单的相同选项卡时，问题就存在了。当使用表单插件提交表单时，事情就搞砸了。我假设这是由于多个区域具有相同的 div id，因此表单插件不知道要更新哪个。

有没有办法解决这个问题？


12345678910