问题标签 [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.

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页面)

谢谢一堆

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为绝对值。将宽度和高度更改为auto100%导致地图根本不显示,即使它已经成功渲染(使用绝对宽度和高度)。
  • 我在 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”。

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

0 投票
2 回答
2373 浏览

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

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

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

例子:

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

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

0 投票
1 回答
1431 浏览

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

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

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

0 投票
1 回答
529 浏览

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

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

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

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