问题标签 [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 投票
0 回答
164 浏览

jquery-ui-tabs - 使用我们自己的索引处理 jQuery 选项卡

我已经使用自己的索引动态创建了选项卡,但是当我尝试添加选项卡时,jQuery 给它自己的索引。

我如何告诉它不要使用默认索引?

例子 :

当我尝试使用自己的索引 '0' 动态创建它时,它可以工作,但同时它会生成自己的 index 。

我该如何避免这种情况?请帮我。

0 投票
2 回答
1627 浏览

jquery - jQuery UI 选项卡向错误的 div 添加类?

我正在尝试使用 jQuery UI 1.7.2 即时添加选项卡。首先,我创建包含属于选项卡的内容的 div,然后调用 $('#tabs').tabs("add",...)。jQuery UI 在标签列表中正确添加了一个新的 li。但是,它不是在我的选项卡 div 上创建类属性,而是创建一个带有一些虚假 id 的全新选项卡 div,并在其上创建类。

这是它生成的标记:

MyTab1 等 div 是我想要变成标签的那些。像 ui-tabs-41 这样的 div 是 jQuery UI 决定自己生成的……我不知道为什么。

0 投票
1 回答
129 浏览

user-interface - ui选项卡使用变量选择

尝试更改选项卡时遇到问题

下面的代码正在工作

工作正常

下面的代码

不管用

nextTab 变量是有效的选项卡索引

我错过了什么?

0 投票
1 回答
2982 浏览

asp.net - 使用 asp.net 母版页突出显示选定的 jquery 选项卡

我在我的 asp.net 网站的多个 asp.net 页面(First.aspx、second.aspx、Third.aspx)中使用 jquery 选项卡(First、Second、Third),并且在每个页面中我都在编写 ul、li 代码。例如,在 First.aspx 页面中,我在 'ul' 标记内编写以下代码

同样在 second.aspx、Third.aspx 页面中,我使用 Class="current" 突出显示选定的选项卡。最近我们计划移动到母版页。所以母版页应该包含选项卡的 ul、li 代码.但问题是我不明白如何将 class="current" 应用于所选选项卡,在母版页的情况下。有人可以帮忙吗?

提前致谢。

0 投票
1 回答
152 浏览

jquery - Jquery UI标签preShow?

我正在使用 jquery ui 选项卡。它有几个事件,如添加、显示等。我想要一个在标签添加到 html 之前触发的事件,因为我需要在添加标签之前设置标签的宽度(用于动态宽度的目的我似乎与 CSS 无关)。

知道如何在实际添加选项卡之前触发预演事件吗?

0 投票
1 回答
1177 浏览

jquery-ui - UI选项卡加载外部页面,jQuery不再工作

当我使用 UI 选项卡并将外部页面加载到 tabcontent-DIV 时,我遇到了问题。页面加载后,该页面的所有 jQueries 似乎都不再工作了。我读了一些关于回调的东西,但根本不清楚。

示例:我通过 ui-tabs 加载外部页面,加载的内容包括一个 DIV,它应该像 index.html 中的 jQueried 一样自动隐藏 jQuery click-event 仅用于显示 live-event 正在工作。但加载内容后,我无法让自动隐藏工作。

索引.html

加载内容.html

我错过了什么?

0 投票
3 回答
753 浏览

jquery - 通过 UI 选项卡为外部加载的页面放置 jQuery 操作的位置

我想知道我应该在哪里通过 UI 选项卡为外部加载的页面定义我的 jQuery 操作。

例如,我有一个 index.html 页面,其中包含 3 个选项卡。Onclick 每个选项卡都会加载 extern1.html、extern2.html、extern3.html。这 3 个外部页面需要几个 jQuery 操作(onload-actions、onclick-actions 等)。

何时将外部页面的所有 jQuery 代码放入索引并加载其中一个外部页面,当我单击选项卡时,此 jQuery 代码不会影响外部加载的页面。

当我将外部页面的所有 jQuery 代码放入外部页面本身时,它会造成麻烦(我认为),因为当我多次加载选项卡/外部页面时,它会一遍又一遍地加载 jQuery 代码,对吗?

那么我必须把我的 jQuery 代码放在哪里呢?(一些例子?)

非常感谢!

0 投票
1 回答
2570 浏览

load - UI Tab 在外部页面中加载外部页面(2 级)

我正在尝试将外部页面 1 加载到 ui-tab 中(这不是困难的部分),但接下来我想将第二级页面自动加载到第 1 页的 DIV 中。

所以,我有 3 个 html 页面: - index.html - external1.html - external1A.html

index.html jQuery 会将 external1.html 加载到 div 'tabcontent' 中,然后将 external1A.html 加载到定义在 external1.html 中的 div 'content' 中(所有 jQueries 都应该在主 index.html 中定义)。

当您单击 external1.html 中定义的链接时,另一个 external1B.html 将加载到 external1.html 中定义的 DIV“内容”中。当我加载 tab-2 时,我将加载 external2.html 等等......

因此,加载 index.html 并加载第一个选项卡内容 (external1.html),然后将 external1A.html 加载到 external1.html 中定义的 DIV“内容”中。

我的页面看起来像:

索引.html

外部1.html

外部1B.html

最后它应该看起来像下一张图片: Tab 加载 external1 并将 external1A 加载到 external1 的 DIV http://www.digi-d-sign.nl/external.into.external.png

通常我会尽量保持页面水平,但在这种情况下,我必须在这个方向上加载它。

你知道 jQuery 的样子吗?

非常感谢!

0 投票
2 回答
2507 浏览

jquery - :如何缓存 AJAX 响应(在用户下次选择选项卡时显示)?

我使用jQuery UI 库中的选项卡小部件使用AJAX 调用填充我的选项卡内容。

我的代码是这样的:

它工作正常,每次我单击选项卡时,选项卡内容都会由 AJAX 调用的响应填充。

我想缓存 AJAX 调用的响应,这样我第二次点击一个选项卡时,它会直接显示最后一个响应(最终缓存)。

是否可以?(我确定是……)。如果是,最简单的方法是什么?(欢迎使用代码片段)

0 投票
3 回答
14119 浏览

jquery - jQuery UI 选项卡。在非 ajax 选项卡中重新加载活动选项卡

可以通过使用从其他选项卡之一中加载/选择(非 ajax)选项卡

但是,我需要能够重新加载活动选项卡,而上述方法不适用于此。也没有

关于如何实现这一目标的任何想法?


** 解决方案 **

在 jQuery 'tabs' 插件中,替换包含以下内容的行:

并在页面中添加一个 css / 或编辑 jQuery css 文件,这样你就可以得到:

这将更改选项卡,以便它们始终可以选择,即使它们之前已被单击。