问题标签 [jquery-tabs]

将有一个用户拥有的“计划”列表，我希望能够单击其中的任何一个（由 div 分隔）并从数据库中动态加载其信息。

我的问题是我应该使用 jQuery 选项卡界面并以这种方式加载内容，还是应该使用触发 ajax 调用的按钮？有没有我没有想到的更简单/更漂亮的方法来做到这一点？

感谢您的帮助，非常感谢！

我第一次尝试在 jQuery-ui 选项卡中使用jQuery 表单插件。我可以将表单加载到选项卡中并提交表单。请求成功通过，数据按计划添加到数据库中。当它重定向到表单的干净版本时，HTML 再次放入选项卡中，但我收到一个 javascript 错误：$ is not defined引用表单页面上首次使用 jQuery 的行。

我假设有某种我还没有发现的魔法。如果它第一次工作，它应该工作第二次，不是吗？

这就是我现在正在做的事情：

我的表格

通过 ajax 加载到 jQuery-ui tabs 元素中

并且一旦加载，就会应用表单插件

更新：我现在也试过了ajaxSubmit，但结果是一样的。第二次加载时“$ 未定义”。使用live而不是在加载时应用表单插件也无济于事。我真的不知道下一步该尝试什么。

我正在尝试将 Carousel 插入选项卡内..以便每个选项卡内都有一个幻灯片放映。

第一个选项卡幻灯片放映工作正常。但其他标签的行为很奇怪，缺少组件

Tabify：http ://www.unwrongest.com/projects/tabify/

jCarousel：http ://sorgalla.com/projects/jcarousel/

链接：http ://bakasura.in/king/components.html

我正在尝试仅将样式添加到选项卡的标题中，我的目标是我希望出现在事件悬停中的类保持不变，直到用户更改选项卡。我试过这样

但是当我这样做时，我更改了所有选项卡的背景，我只想更改标题而不是所有 div。

谢谢你的时间。

更新

我的html

创建事件时，我需要在选项卡中进行一些更改，但我不知道如何访问事件内部的每个选项卡。

我试过这样但它不起作用，我知道问题出在选择器上。

我也试过这样

但元素 ui 没有值

我正在尝试将指向 jQuery Tabs 的链接放置在标签内容下，标签导航在其自己的 DIV 中（用于样式目的）。这是我的标记：

我将如何使用#fpTabs-nav 中的 ul 来激活选项卡以进行导航？

谢谢！

我正在使用jQuery UI Tabs。我的一个标签是通过 AJAX 加载的。我将cache选项设置为 true 并且一切正常，除了...当我单击 AJAX 选项卡，然后快速切换到另一个选项卡时，AJAX 选项卡似乎立即中止，并引发错误（没有错误文本）。

作为测试，我设置了一个选项卡，在服务器上有 2.5 秒的延迟...如果我单击 AJAX 选项卡并等待...然后显示内容...但是如果我之前切换到不同的选项卡2.5 秒结束，error事件被引发。

所以问题是，我如何防止仅仅因为我切换到不同的选项卡而中止 AJAX 内容？

使用 JQuery UI，我想设置当前选择的选项卡的 html 内容，而不事先知道任何 id/title。这样做的最佳方法是什么？谢谢！

我在我的页面中使用 JQuery 选项卡，并成功地使用一些借用的 CSS 设置/脚本将选项卡放置在内容下方。

我的页面左侧有一个侧栏，页面顶部有一个菜单横幅。然后，内容会出现在顶部菜单横幅和底部的选项卡面板之间。

我注意到我的页面底部有一个小的空白区域，导致显示垂直滚动条。我想删除这个空间（和滚动），需要专家的帮助。

我知道空间是由我的内容的选项卡部分引起的，因为我在其他主要元素上使用了萤火虫和消除技术，并且空间仅在我引入选项卡时出现。

我已将 CSS 填充、边距和边框宽度设置为零，但仍然可以看到空间。

这是我的 HTML、CSS 和脚本：

还有我的 CSS：

我的Javascript：

// 将标签放置在内容的底部：

很抱歉以下冗长的问题。很长，因为我已经包含了调试问题的所有发现。

我对这里发生的事情感到困惑，我花了一些时间尝试调试它，但似乎无法弄清楚问题是什么：

我有 2 个在和上运行的函数，这些函数page load的代码可以在这个问题的末尾看到。 getTabMenu()getTabFrame()

这些都可以正常工作page load。

但是，在 之后page load，如果我再次运行这些函数ajax style（不刷新浏览器），即通过click event在数据库中插入一条记录之后，这意味着上面的函数将获得一些额外的html数据JSON。由于某种原因，当单击新创建的选项卡时，它会继续打开第一个选项卡页面内容，而不是选项卡内容，即使所有 id 似乎都已正确分配，它也应该打开。只要我refresh通过浏览器刷新按钮打开页面，它就会开始正常工作......

以下是我在调试过程中捕获的一些输出html：json

在页面加载时：

getTabFrame()生成：

getTabMenu()生成：

发生这种情况时一切看起来都很好，page load并且一切正常。

在数据库中插入新行并在不刷新浏览器的情况下重新运行上述功能后，我得到：

getTabFrame()生成：

GetTabMenu()生成：

一切看起来都很好，请注意html和json片段中的额外数据。

现在的问题是，当我现在click打开时tab4，它会将密钥发送4到get_tab_content.aspxvia url 查询字符串，它应该发送密钥38。因此，因为它发送了密钥4，所以它得到的页面就像我单击时tab0发送的密钥一样4。单击任何较旧的选项卡，返回正确的页面，只是新创建的选项卡导致了问题。

所以现在，如果我刷新浏览器，我会得到以下信息page load：

getTabFrame()生成：

getTabMenu()生成：

请注意，这看起来与单击按钮而不刷新浏览器时返回的输出完全相同，这是正确的。

现在，如果我点击tab4，它会发送出去38，这是正确的，并且哪个实习生返回了正确的页面内容......

所以基本上，重新运行这些函数会生成正确的 html 和 json，但是在页面加载时不存在的新创建的数据在刷新浏览器之前无法正常工作。

为什么会这样？

这是getTabMenu()功能：

这是getTabFrame()功能：