问题标签 [jquery-ui-tabs]

我想在我的页面上运行 JavaScript 函数，但仅在显示选项卡时。

其实有两个问题。我没有使用 ajax 选项卡，所以如果我只希望代码在显示选项卡后运行，我会将我的 JavaScript 放在“加载”或“显示”回调中吗？

根据上面的答案，我的代码将如何完成以下任务：

我想要这样

• 当标签 1 显示/加载时
• --> 在此处插入 JavaScript
• 当 tab2 显示/加载时
• --> 在此处插入不同的 JavaScript
• 当 tab3 显示/加载时
• --> 在此处插入不同的 JavaScript
• 等等

我查看了我能找到的所有教程，检查了这里的问题并阅读了 jQuery UI Tabs 源代码，但我仍然无法弄清楚这一点。

我的目标是有一个旋转的内容框，在导航数字上具有 fx 淡入淡出和鼠标悬停效果。

你可以在这里看到几乎可以工作的版本：http:
//www.chesapeakelifemag.com/index.php/cl_new/index

如您所见，鼠标悬停有效，旋转有效，但效果不会显示。这是我正在使用的代码

我觉得我正在将大量参数串在一起，这些参数都应该进入一个 .tabs() 函数，但是当我尝试 mouseover、fx 或旋转的功能时会中断。

有人有答案吗？

我对我们心爱的浏览器 IE（所有版本）和 jquery 的选项卡 ui 控件有疑问。我使用 ajax 选项为标签加载我的内容。现在的问题是我必须同步执行此操作，因此每个请求一个接一个地导致异步。不适合我或只是非常错误。但这不是问题。问题是 IE 在锁定每次执行超过 jquery 代码之前不应用 ui-state-processing。似乎 IE 在这里的行为与所有其他浏览器不同。这是一种奇怪的原因，一旦请求完成，该类被应用到选项卡元素上，只是为了立即消失，因为一切都完成了。

有谁知道这可能是什么？已知问题？

顺便说一句，当我将 async 选项设置为 true 时，它​​工作得很好。

球座

我在标签中使用手风琴时遇到了问题，最初不活动的手风琴在选择标签时无法正确呈现其内容。阅读周围我发现原因是非活动选项卡最初具有 display:none，因此手风琴内的 div 的高度没有得到正确计算。建议的解决方案都不适合我。有没有人克服这个或有解决方法？

这是问题的一些示例代码：

我正在创建一个 Web 应用程序，并且我想使用 Tabs 小部件来复制您在大多数 Web 浏览器中找到的选项卡功能。我希望用户能够：移动（排序）标签，动态创建标签，动态关闭标签。

我发现的问题是，要关闭一个选项卡，您需要拥有它的索引，并且当考虑到其他选项卡可以动态打开、关闭和排序的事实时，您需要在想要关闭它时检索/获取选项卡的索引。

我正在尝试使用 jQuery UI 的 .tabs() 通过 AJAX 获取内容，但默认行为是抓取整个页面的内容。如何从特定的#id 和/或多个#id 获取内容？

我有一种感觉，我需要使用该load:事件 ( http://docs.jquery.com/UI/Tabs#event-load )，但我需要帮助来解决这个问题。

例子：

带有选项卡的页面正在获取和显示选项卡式内容。我在第一个 #the_tabs 链接之后放置了#content，以尝试获取内容的特定区域，但仍会加载整个页面。

上一个标记正在检索的页面：

JS（用于设置目的）：

我正在处理一个使用 jQuery 选项卡的页面。它几乎完成了，但我遇到了一个小烦恼。如果选项卡的内容长于可用的窗口高度，它会自动向下滚动到内容的开头。这是有道理的，因为在屏幕后面它只是一个指向内容 id 的标签。但是，这很烦人，因为现在您必须向上滚动才能看到标签栏。

我试图将 window.scroll(0, 0) 添加到 tabsshow 事件，但这没有做任何事情。

有没有人碰巧知道在单击 jQuery 选项卡时保持在页面顶部的方法？

我知道我可以像这样获取当前选定选项卡的（数字）索引：

有没有办法在事件处理程序之外获取当前选定选项卡的 ID？通过“ID”，我指的是作为参数传递给事件侦听器回调的 ui 对象中的字符串属性 (ui.panel.id) - 但我试图在回调之外执行此操作。

我知道我可以拼凑出自己的解决方案，但我想确保我不会先重新发明轮子。

我宁愿使用 ID 而不是索引，这样更改选项卡的顺序不会破坏我的代码 - 它至少更健壮和可读。

抱歉，如果以前以某种我无法理解的方式对此进行了介绍。

我对 JavaScript/Jquery 有点陌生，我通常喜欢浪费时间，努力解决问题，直到我弄明白为止，但我缺乏知识可能导致我把事情复杂化，而我可能不知道有一个更简单的解决方案。

我已经成功地为在两种类型的设计之间切换的投资组合页面实现了 JQuery UI 选项卡。然后，我可以使用我喜欢的 AJAX 加载每个内容，但不确定在我的情况下它除了分离内容之外还有什么好处。

然后我想切换到使用文本链接而不是 ul.tabs。我一直只是从选项卡中剥离样式以使它们显示为基本文本链接，但我认为有一种更直接的方法可以做到这一点，并希望将链接从选项卡区域移到侧边栏。但是，我不知道如何使文本链接加载 AJAX。

在试图弄清楚之后，我想知道 UI 选项卡是否是我需要的东西。我只是将它们用作在两组内容之间来回淡入和淡出的一种方式。

我在猜测是否有一种更简单的方法可以做到这一点？

两个文本链接，两个要使用 Ajax 加载的 html 文件，在更改之间淡入淡出。这就是我想要的。

这就是我想要的html-

我想将一个类附加到活动的 li a 上也会很好，这样我就可以对它进行不同的样式设置并给它一个文本光标。

我可以用几行 JavaScript/JQuery 来做到这一点吗？

另外，如果禁用 JavaScript，是否有一种 noscript 方法可以同时加载两个 html 文件？

对不起，无知。我会很高兴并感谢一些帮助。

更新：

我不介意这些标签，它们很棒而且非常易于使用。我已经让他们控制我的投资组合有一段时间了。我只知道我几乎没有使用该功能，而且不值得。

这个网站已经关闭了一段时间，所以我一直在试图找出你给我自己的代码。我无法让它像你一样工作。附加功能让我感到困惑，我不知道点击之前附加了什么。但是我能够通过尝试和错误的方式让它工作，几乎完美地达到了我想要的效果，但是隐藏部分的淡入和淡出都搞砸了。可见部分是完美的。

这就是我想出的。就像我说的，我在学习过程中很深入，所以如果这段代码出于某种原因是错误的，请原谅。

我放弃了尝试解决淡入淡出的问题并转向其他事情。虽然当我能够在每个类被单击时添加和删除类时我为自己感到非常自豪，这样我就可以根据需要设置它们的样式。

我很快就使用了你给我的代码来加载页面，它似乎正在工作，我只需要添加一些淡入淡出。

是否应该以任何特定方式编写加载的 html 页面？现在它只是原始页面内的一组元素，没有别的。单独查看，没有 CSS 样式或任何其他元素。我是否遗漏了什么，或者这就是那些禁用 JS 的人的情况？

我感谢您的帮助。学习很有趣。不久前我掌握了 html 和 css，现在是时候开始学习了。起初它令人生畏，但我想我正在慢慢开始掌握这个概念。

再次感谢。

您如何为 jquery UI 选项卡的每个索引绑定一个函数？

例如，我正在创建一个由 3 部分组成的幻灯片注册，第 1 步是一个表单并且具有验证功能，我想将其代码放在第 1 步的负载中，同时还向选项卡添加类以禁用 #2 和 #3当打开 1 时，禁用 #1 和 #3 当打开 #2