问题标签 [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.
jquery - 如果用户在文档准备好之前悬停,jQuery .hover 会导致问题
下面的代码工作得很好,除了一个条件。如果用户在文档准备好之前将鼠标悬停在元素上,则 slideToggle 将不同步(或反转)。
所以结果是#logged_in_nav 在鼠标悬停时显示,在悬停时框消失。解决此问题的简单方法是什么?
jquery - 在制作带有列表、jquery 和大量切换的画廊时遇到问题
所以我一直在谷歌搜索,但还没有找到任何适合这种布局的好的解决方案。
我想做的就像一个画廊。首先是拇指,然后是点击拇指下方的大拇指。
问题是分开不同的事件。
- 没有可见 div 的点击。(向下滑动选定的 div)
- 带有可见 div 的单击。(过渡到新的div。隐藏旧的,然后显示新的或其他的东西)
- 单击已选择的 div。(向上滑动选定的 div)
一直在为不同的解决方案苦苦挣扎,但要么是有故障,要么有时它一开始对点击没有反应。
到目前为止的基本结构:
然后重复那个片段。任何更好的解决方案,因为它是 UL(3xLI) 然后是 DIV,UL(3xLI) 然后是 DIV?
关于切换以及如何解决它的任何想法?
默认状态:
点击时:
jquery - jquery:为更改所选元素的内容添加效果
我正在尝试添加动画效果来更改所选元素的内容。
就像这是我更改 div 内容的代码..
我想在这个过程中添加一个简单的向下滑动效果。我该怎么做?
jquery-ui - 在选项卡之间放置项目时使用 jQuery UI 效果
我有一个 jQuery UI 选项卡控件。它包含可以排序的块。它们也可以放在其他选项卡上。当一个块被放到另一个选项卡上时,我想在新选项卡上显示之前使用幻灯片效果从当前选项卡中隐藏块。
这是关于 jsfiddle 问题的演示(按照 jsFiddle 链接上的说明复制问题)
jsFiddle 演示最初显示了该问题的工作状态。它使用标准的 .hide() 方法来隐藏一个块。但是当使用 hide() 的“幻灯片”效果时,会出现意想不到的结果。该块没有动画。相反,在 1000 毫秒的动画间隔之后,该块刚刚从选项卡中消失,然后被放置在新选项卡上的意外位置。
预期的行为是该块将向左滑动并从“完整”选项卡移动到“空”选项卡。
jquery-selectors - jQuery:仅在单个元素上使用单击:使用 .slideToggle 和 .nextUntil 在单击鼠标时隐藏和显示各种内容
嘿!
马上切入主题,这是jquery代码:
这是html:
现在这几乎像它应该的那样工作,在切换可见的 h1s 幻灯片下的内容时,再次切换时,它们向上滑动。但问题是当点击 h2 的图像时也会发生这种效果。我试图在网上搜索这个,但还没有得到答案:/我会非常感谢帮助:) 简单的小脚本,用于一个页面,其中包含大量不同类型的内容,这些内容具有“InBetween”h1 的缩短通过隐藏它们下面的内容并在单击时显示该页面。
jquery-ui - Selenium 测试来测试 Jquery 效果(幻灯片,淡入淡出)
我们有一个 Web 应用程序,我们正在使用 JQuery UI 过渡效果淡入淡出和滑动。我们想使用 selenium 自动执行此操作。
有没有人有任何建议我该如何实现这个目标?
谢谢
jquery - jQuery重叠元素导致闪烁
我正在开发一个网站的“特色”部分。这个想法是,当将鼠标悬停在左侧的元素上时,它将触发右半部分的淡入。
这是有效的,除了元素重叠的地方(红线之间的中心的任何地方)。它会导致淡入效果的闪烁。
这是功能 HTML
这是 jQuery
任何帮助将非常感激。
我添加了一个链接演示此代码及其功能 - http://jsfiddle.net/jamescallaghan/7rLhS/
jquery - JQuery 仍然无法正常工作.. 同时又慢又快
可能重复:
我怎样才能让这个 jQuery 比我拥有的更快?
目前,我将此脚本用于一种“选项卡”系统。单击一个选项卡时,它会隐藏所有其他选项卡。他们都是div的。但是现在,我认为在选定的 div 加载之前它的衰减速度还不够快。它最终在被选中并正在显示的 div 下方移动。
我不想要切换,因为如您所见,我有 5 个选项卡,我想在单击它们时打开它们各自的“_s”div。淡出,淡入。
有什么方法可以让淡出在淡入之前发生,或者添加延迟?我不知道如何在这个脚本中添加延迟,或者在新的 div 淡入之前检查以确保 div 完全淡化。
几天前我发布了同样的问题,但还没有找到正确的答案。
这是我当前用于打乱标签的工作脚本。堆栈的格式很奇怪。编辑帖子并在需要时阅读。
在发生任何事情之前,我制作了一个单独的脚本来隐藏加载时除第一个选项卡之外的所有 div。这可以集成到您的解决方案中,这样我就没有一百个脚本了吗?这是来源:
现在,这是它制作的漂亮的 HTML:
东西 东西 东西 东西 东西 东西
这是我的一些建议,但没有一个有效。Hunter 提供的那个似乎应该可以工作,但它说某处存在语法错误,我对 jquery 的诊断不是很好。谢谢!
css - 如何在 jQuery 弹跳下“保持”元素?
jQuery 的效果很棒,但我注意到受影响元素下的剩余元素会因为导致效果的包装 div 而移位(访问此演示页面并滚动到“弹跳效果”或“摇晃效果”查看)。
如何在效果播放时保持文档中的其余元素稳定?
jquery - 动画 gif 不再在 jquery .show() 上动画
据我所知,这只影响 IE 8。
使用以下代码,gif 出现但没有动画(卡在一个位置):
我也用过.css('display', 'block')
同样的结果。
是否有一种公认的方式(可能比这更好)可以产生可靠的跨浏览器结果来显示动画 gif?