问题标签 [jquery-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 回答
139 浏览

jquery - Django jQuery 查看用户问题

我似乎被卡住了,不确定哪个是最好的方向。

我的项目中有几个应用程序,想将三个视图组合到一个模板中。

我有一个用户资料,我想在其中显示他的信息、最新的新闻提要以及他的照片

通过这个我正在使用jQuery 选项卡

我已经定义了三个选项卡,其中一个调用常规 div,另外两个是调用的 url。

<a href="wall/recent">wall</a><a href="photos/recent">photos</a>

在用户个人资料上时,地址栏会显示以下内容 http://localhost:8000/profiles/profile_name/

在我 views.py的 for 中wallphotos如下所示

但是,如果我再看一下我的个人资料,那就没问题了,但是每当我切换到另一个用户的个人资料时,它似乎都会显示我的一些信息。

我知道 request.user 正在查看登录用户,我如何在地址栏中获取该用户并将其传递给它以显示正确的信息,即 if profile_name= john 然后显示 johns 照片、最近的墙项目等。

0 投票
2 回答
2791 浏览

jquery - jQuery 仅在选项卡单击时加载页面一次

我有一个带有一些选项卡的页面,单击某些选项卡后,其他页面会动态加载。唯一的问题是每次单击选项卡时都会加载这些页面。如何让它们在第一次点击时只加载一次?

我使用的代码是这样的:

谢谢!

0 投票
1 回答
1105 浏览

jquery-ui - 嵌套的 jQuery UI 选项卡后退按钮历史记录

我正在使用jQuery Address 插件使我的 jQuery UI 选项卡可收藏并符合后退按钮历史记录。效果很好。

但是,我想知道是否可以为嵌套选项卡提供相同类型的“深度链接”?例如,我有以下内容:

一切都适用于主要(外部选项卡):

  • 选项卡的 href 链接正确地放在 URL 上
  • 外部标签遵循浏览器的后退和前进按钮
  • 外部标签可添加书签

但是,我似乎无法为内部选项卡获得相同类型的功能。

鉴于嵌套选项卡包含在“主”选项卡之一中,上面的绑定函数将 $(this) 视为外部选项卡(即使单击嵌套选项卡)。结果是 JavaScript 代码为嵌套选项卡正确执行,但随后执行就好像最后一个主(外部)选项卡是选定的选项卡一样。

我似乎无法弄清楚如何在处理嵌套选项卡之后和运行最后一个主(外部)选项卡之前停止执行 JavaScript。我能得到的最接近的是将以下内容添加到绑定函数并停止在包含嵌套选项卡的外部选项卡上执行。

我确定我遗漏了一些明显的东西。有什么建议么?

谢谢!

0 投票
1 回答
2087 浏览

javascript - jQuery选项卡,动态绑定到当前选定选项卡上的单击事件

我正在尝试使用jQuery tabs绑定到当前选定选项卡的单击事件。我正在动态创建选项卡,所以我需要进行实时绑定。这个想法是,如果再次单击它,我想重新加载当前选项卡。

我尝试在 select 事件中进行绑定,但似乎在单击已选择的选项卡时不会触发此事件。

我还尝试了一个标准的 jQuery 实时绑定:

这似乎也不起作用,但我不知道为什么不。我只能猜测选项卡框架正在拦截点击事件。

有任何想法吗?

0 投票
2 回答
1391 浏览

jquery - 使用 jQuery .tabs() - 内容覆盖页面

我对 jQuery 很陌生。只是想感受一下。我喜欢这里演示的标签功能:

http://jqueryui.com/demos/tabs/#mouseover

我真的很喜欢这个,但是我希望它更像一个菜单。特别是我希望标签内容出现在页面上的内容之上(如菜单)。此外,就像当我翻转选项卡时内容会发生变化一样,当我没有翻转任何选项卡时(或者可能是当用户单击页面上的其他任何位置时),我希望选项卡内容消失(如菜单)。

所以我真的想把它用作菜单。如果有人知道可以解决我的问题的菜单控件也可以。我只是喜欢当我将鼠标悬停在一个项目上时会弹出一个 div 的事实。我想在每个 div 中放置一些文本和两个按钮。

谢谢!

这就是我最初的内容:标题中的这个:

这在体内:

0 投票
1 回答
3849 浏览

jquery-ui - 如何使用 jQuery 默认预加载所有选项卡

如果我有 4 个选项卡,其中前 2 个加载了 ajax,最后 2 个是静态的,我如何默认预加载 2 个 ajax 选项卡?

目前,只有第一个选项卡会自动加载,第二个选项卡会在单击时加载。我希望它们都被加载,以便当我单击第二个时,内容已经加载。我试图在第二个选项卡上调用 load 事件,如下所示:

这会加载第二个选项卡,但由于某种奇怪的原因,第一个选项卡根本没有加载;即使我单击不同的选项卡并单击第一个选项卡,它也不会加载。

然后我尝试了这样的事情:

结果相同,第二个选项卡已加载,第一个未加载。

如何自动加载所有这些(ajax 的)?

0 投票
3 回答
12944 浏览

jquery - jQuery:当 div 变得可见时,如何为它绑定一个事件?

我有一个 div 元素: <div id="tab1"> Tab data </div>.

当这个 div 变得可见(gets)时如何绑定自定义事件display: block;

而且我想在这个 div 变得不可见(gets display: none;)时绑定一个事件。

我想在 jQuery 中做到这一点。

编辑:我正在制作带有 ajax 内容的简单标签。我希望此选项卡上的内容仅在选项卡可见时才进行 ajax 更新。

0 投票
1 回答
279 浏览

javascript - 使用 jquery 的标签式导航

我需要帮助在选项卡上创建和执行状态这是我的 javascript 和我的 html 的一部分我似乎无法在此处输入 css 如果你需要它请请求它我需要它所以无论你在哪个选项卡上显示与活动相同的颜色连接上没有边框的容器背景我需要这个用于顶部和侧边标签

我也尝试发布图片但我不允许

脚本

});

顶部导航选项卡

侧边导航

和 5 个包含在主容器中的 div

0 投票
0 回答
243 浏览

jquery - jquery 选项卡 - php 函数

我有一个网站正在开发中。登录后,用户被带到带有 jq 选项卡的页面。

会员页面有分页 - 会员可以查看多个页面。

为了处理分页带来的脑痛,我将成员页面的一些代码转储到一个带有标签 jQuery 的函数中。

在 Firefox 中,这一切都有效。

在 Chrome 和 Safari 中,选项卡可见,但未选择默认的第一个选项卡。相应的“窗格”也被隐藏了。想一想下面没有任何内容的一排选项卡,并且没有选择任何选项卡。

第一个选项卡应该有类 'current',并且窗格应该有 CSS 属性 'display:block' - 正是 Firefox 提供的。

为什么 Chrome 和 Safari 不做光荣的事?

任何想法如何在不重新开始的情况下解决这个问题将不胜感激。

顺便说一句,在 Chrome 和 Safari 中,分页仍然有效。下一页显示正常。并根据需要返回第一页显示内容和选定状态。

谢谢,汤姆

链接文本

0 投票
3 回答
2411 浏览

jquery-plugins - 什么是最好的和最轻的 jquery 选项卡插件?

我需要一个轻量级的 jquery 插件来创建一些标签。我正在搜索,但我想在这里问可能会得到一个快速的答案。