Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/464.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 为什么jQuery动画会上下跳跃?_Javascript_Jquery_Animation - Fatal编程技术网

Javascript 为什么jQuery动画会上下跳跃?

Javascript 为什么jQuery动画会上下跳跃?,javascript,jquery,animation,Javascript,Jquery,Animation,CSS或多或少是不相关的。我怎样才能停止跳跃 jQuery(函数(){ jQuery(“#showquickfind”).mouseover(函数(){ jQuery(“#quickfind”).animate({ 高度:“显示”, 不透明度:“显示” }“慢”); 返回false; }); jQuery(“#quickfind”).hover(函数(){}, 函数(){ $(“#快速查找”)。设置动画({ 不透明度:1.0 }slideUp(375); 返回false; }); });

CSS或多或少是不相关的。我怎样才能停止跳跃

jQuery(函数(){
jQuery(“#showquickfind”).mouseover(函数(){
jQuery(“#quickfind”).animate({
高度:“显示”,
不透明度:“显示”
}“慢”);
返回false;
});
jQuery(“#quickfind”).hover(函数(){},
函数(){
$(“#快速查找”)。设置动画({
不透明度:1.0
}slideUp(375);
返回false;
});
});

  • 试验
  • 测试2
  • 测试3

您遇到的问题与我遇到的问题相同。发生的情况是,您的悬停事件发生了,quickfind向上滑动,但随后它消失了,所以它再次显示,等等,等等


我发现使其停止跳跃的唯一方法是在容器元素上设置一个高度,以便它始终保持该高度。

您遇到了与我相同的问题。发生的情况是,您的悬停事件发生了,quickfind向上滑动,但随后它消失了,所以它再次显示,等等,等等


我发现使其停止跳跃的唯一方法是在容器元素上设置一个高度,使其始终保持该高度。

您可能希望在每个动画命令之前查看命令的链接。它将停止指定元素上当前正在运行的所有动画。 i、 e

使用jQuery而不是jQuery对象的速记$有什么原因吗?通过遵循以下模式,您可以对jQuery对象使用$shorthand,即使使用其他使用它的库也是如此-

(function($) {

//Your code here using $ shorthand for jQuery :)

})(jQuery);
这意味着外部函数范围内的$是jQuery对象的引用

我已经准备好了。如果要编辑它,请在URL中添加“/编辑”

另外,您确定“show”是高度和不透明度的有效值吗


我的理解是,高度需要设置为自动(即包含块的大小)、长度或相对于包含块的百分比,不透明度应为0到1之间的值(jQuery提取浏览器之间的差异,并将使用适当的不透明度属性,即不透明度或过滤器:alpha(不透明度))

您可能希望在每个动画命令之前查看命令的链接。它将停止指定元素上当前正在运行的所有动画。 i、 e

使用jQuery而不是jQuery对象的速记$有什么原因吗?通过遵循以下模式,您可以对jQuery对象使用$shorthand,即使使用其他使用它的库也是如此-

(function($) {

//Your code here using $ shorthand for jQuery :)

})(jQuery);
这意味着外部函数范围内的$是jQuery对象的引用

我已经准备好了。如果要编辑它,请在URL中添加“/编辑”

另外,您确定“show”是高度和不透明度的有效值吗


我的理解是,高度需要设置为自动(即包含块的大小)、长度或相对于包含块的百分比,不透明度应为0到1之间的值(jQuery提取浏览器之间的差异,并将使用适当的不透明度属性,即不透明度或过滤器:alpha(不透明度))

您可能希望使用
mouseenter
事件,而不是
mouseover

不同之处如中所述

Mouseover在指针移入或移出子元素时触发,而mouseenter不会触发

这里还有一个如何使用它的示例,您必须使用
bind()
函数

编辑

毕竟,正如Russ Cam在评论中提到的,最好的解决方案可能是使用

顺便说一句


您多次注册悬停手柄,每次都有人通过“显示我”链接。

您可能希望使用
mouseenter
事件,而不是
mouseover

不同之处如中所述

Mouseover在指针移入或移出子元素时触发,而mouseenter不会触发

这里还有一个如何使用它的示例,您必须使用
bind()
函数

编辑

毕竟,正如Russ Cam在评论中提到的,最好的解决方案可能是使用

顺便说一句


您正在多次注册悬停手柄,每次都有人浏览“显示我”链接。

您可以显示一张图像或包含一个带有实时代码的链接吗?很难说你说的跳跃是什么意思。@Dave-在我答案的链接上设置了Frank的代码。我还突出显示了div边框,以使事情更简单。事实上,测试代码在Safari和Firefox中对我来说非常有效。你能显示一张图片或包含一个与实时代码的链接吗?很难说你说的跳跃是什么意思。@Dave-在我答案的链接上设置了Frank的代码。我也突出显示了div边框,以使事情更简单。事实上,测试代码在Safari和Firefox中对我来说非常有效。很好的调用-mouseenter是1.3.1的新事件吗?它的实现和效果似乎与1.2.6中的hover命令相同。良好调用-mouseenter是1.3.1的新事件吗?它似乎与1.2.6中的hover命令具有相同的实现和效果是的,该项目使用旧原型代码和新jquery,该项目使用旧原型代码和新jquery