问题标签 [jquery-effects]

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 回答
217 浏览

jquery - 如果用户在文档准备好之前悬停,jQuery .hover 会导致问题

下面的代码工作得很好,除了一个条件。如果用户在文档准备好之前将鼠标悬停在元素上,则 slideToggle 将不同步(或反转)。

所以结果是#logged_in_nav 在鼠标悬停时显示,在悬停时框消失。解决此问题的简单方法是什么?

0 投票
2 回答
47 浏览

jquery - 在制作带有列表、jquery 和大量切换的画廊时遇到问题

所以我一直在谷歌搜索,但还没有找到任何适合这种布局的好的解决方案。

我想做的就像一个画廊。首先是拇指,然后是点击拇指下方的大拇指。

问题是分开不同的事件。

  1. 没有可见 div 的点击。(向下滑动选定的 div)
  2. 带有可见 div 的单击。(过渡到新的div。隐藏旧的,然后显示新的或其他的东西)
  3. 单击已选择的 div。(向上滑动选定的 div)

一直在为不同的解决方案苦苦挣扎,但要么是有故障,要么有时它一开始对点击没有反应。

到目前为止的基本结构:

然后重复那个片段。任何更好的解决方案,因为它是 UL(3xLI) 然后是 DIV,UL(3xLI) 然后是 DIV?

关于切换以及如何解决它的任何想法?


默认状态: 默认状态


点击时: 点击状态

0 投票
2 回答
640 浏览

jquery - jquery:为更改所选元素的内容添加效果

我正在尝试添加动画效果来更改所选元素的内容。

就像这是我更改 div 内容的代码..

我想在这个过程中添加一个简单的向下滑动效果。我该怎么做?

0 投票
0 回答
580 浏览

jquery-ui - 在选项卡之间放置项目时使用 jQuery UI 效果

我有一个 jQuery UI 选项卡控件。它包含可以排序的块。它们也可以放在其他选项卡上。当一个块被放到另一个选项卡上时,我想在新选项卡上显示之前使用幻灯片效果从当前选项卡中隐藏块。

这是关于 jsfiddle 问题的演示(按照 jsFiddle 链接上的说明复制问题)

jsFiddle 演示最初显示了该问题的工作状态。它使用标准的 .hide() 方法来隐藏一个块。但是当使用 hide() 的“幻灯片”效果时,会出现意想不到的结果。该块没有动画。相反,在 1000 毫秒的动画间隔之后,该块刚刚从选项卡中消失,然后被放置在新选项卡上的意外位置。

预期的行为是该块将向左滑动并从“完整”选项卡移动到“空”选项卡。

0 投票
2 回答
1052 浏览

jquery-selectors - jQuery:仅在单个元素上使用单击:使用 .slideToggle 和 .nextUntil 在单击鼠标时隐藏和显示各种内容

嘿!

马上切入主题,这是jquery代码:

这是html:

现在这几乎像它应该的那样工作,在切换可见的 h1s 幻灯片下的内容时,再次切换时,它们向上滑动。但问题是当点击 h2 的图像时也会发生这种效果。我试图在网上搜索这个,但还没有得到答案:/我会非常感谢帮助:) 简单的小脚本,用于一个页面,其中包含大量不同类型的内容,这些内容具有“InBetween”h1 的缩短通过隐藏它们下面的内容并在单击时显示该页面。

0 投票
1 回答
918 浏览

jquery-ui - Selenium 测试来测试 Jquery 效果(幻灯片,淡入淡出)

我们有一个 Web 应用程序,我们正在使用 JQuery UI 过渡效果淡入淡出和滑动。我们想使用 selenium 自动执行此操作。

有没有人有任何建议我该如何实现这个目标?

谢谢

0 投票
1 回答
1414 浏览

jquery - jQuery重叠元素导致闪烁

我正在开发一个网站的“特色”部分。这个想法是,当将鼠标悬停在左侧的元素上时,它将触发右半部分的淡入。

这是有效的,除了元素重叠的地方(红线之间的中心的任何地方)。它会导致淡入效果的闪烁。

线框

这是功能 HTML

这是 jQuery

任何帮助将非常感激。

我添加了一个链接演示此代码及其功能 - http://jsfiddle.net/jamescallaghan/7rLhS/

0 投票
1 回答
217 浏览

jquery - JQuery 仍然无法正常工作.. 同时又慢又快

可能重复:
我怎样才能让这个 jQuery 比我拥有的更快?

目前,我将此脚本用于一种“选项卡”系统。单击一个选项卡时,它会隐藏所有其他选项卡。他们都是div的。但是现在,我认为在选定的 div 加载之前它的衰减速度还不够快。它最终在被选中并正在显示的 div 下方移动。

我不想要切换,因为如您所见,我有 5 个选项卡,我想在单击它们时打开它们各自的“_s”div。淡出,淡入。

有什么方法可以让淡出在淡入之前发生,或者添加延迟?我不知道如何在这个脚本中添加延迟,或者在新的 div 淡入之前检查以确保 div 完全淡化。

几天前我发布了同样的问题,但还没有找到正确的答案。

这是我当前用于打乱标签的工作脚本。堆栈的格式很奇怪。编辑帖子并在需要时阅读。

在发生任何事情之前,我制作了一个单独的脚本来隐藏加载时除第一个选项卡之外的所有 div。这可以集成到您的解决方案中,这样我就没有一百个脚本了吗?这是来源:

现在,这是它制作的漂亮的 HTML:

东西 东西 东西 东西 东西 东西

这是我的一些建议,但没有一个有效。Hunter 提供的那个似乎应该可以工作,但它说某处存在语法错误,我对 jquery 的诊断不是很好。谢谢!

我怎样才能让这个 jQuery 比我拥有的更快?

0 投票
2 回答
775 浏览

css - 如何在 jQuery 弹跳下“保持”元素?

jQuery 的效果很棒,但我注意到受影响元素下的剩余元素会因为导致效果的包装 div 而移位(访问此演示页面并滚动到“弹跳效果”或“摇晃效果”查看)。

如何在效果播放时保持文档中的其余元素稳定?

0 投票
2 回答
5598 浏览

jquery - 动画 gif 不再在 jquery .show() 上动画

据我所知,这只影响 IE 8。

使用以下代码,gif 出现但没有动画(卡在一个位置):

我也用过.css('display', 'block')同样的结果。

是否有一种公认的方式(可能比这更好)可以产生可靠的跨浏览器结果来显示动画 gif?