jQuery animate 参数仅在添加 0 时有效？

关键词：

【中文标题】jQuery animate 参数仅在添加 0 时有效？【英文标题】：jQuery animate parameter only works when adding 0? 【发布时间】：2013-08-07 04:48:52 【问题描述】：

以下是我在 swiperight 事件中编写的代码（它的作用就像向右滑动它会更改 div 中的图像）

$("#divimglstdetails").animate( marginRight: 280 ,0,100).animate( marginRight: 0 , 100);
      );

我很想知道animate( marginRight: 280 ,0,100) 中的 0 是什么意思..我猜 100 是 ms 中的持续时间..这里我的代码向右滑动在向右滑动时添加 0 时效果很好，它会闪烁并改变图片..

【问题讨论】：

我认为 0 被用作持续时间，而 100 被忽略。您应该使用 animate 的回调函数，因为这里的两个 animate 似乎都是一起播放的。您应该提供一个 jsfiddle 来重现您的问题。通过将第一个动画更改为 css() 进行测试，看看它是否具有相同的行为 但如果我一开始使用 100 而不是 0，图像转换就会像闪烁一样发生...... 是的，因为两个动画是同时播放的。 Animate 使用了一些延迟/超时，使其像异步一样工作，这就是为什么你应该使用 first animate 的回调函数 【参考方案1】：

如果您希望在第一个动画之后发生第二个动画，则需要将其作为回调函数。另外，第一个数字应该是动画时间，然后你需要缓动。例如

$("#divimglstdetails").animate(marginRight: 280,1000,'swing',function()
  $(this).animate(marginRight: 0,1000,'swing');
);

【讨论】：

使用 1000 作为延迟将在 OP 显示他在调试目的中使用 100 看不到的内容，+1 是的，当很难看到过程是什么时，最好放慢动画速度。

jquery 运行很快。仅在 chrome 中工作

】jquery运行很快。仅在chrome中工作【英文标题】：jqueryrunningtosoon.workingonlyinchrome【发布时间】：2011-09-1214:02:42【问题描述】：我已将页面中的博客文本设置为不透明度0，以便使用此代码在页面加载时淡入不透明度1。$(document).read... 查看详情

JQuery Validation - 仅在存在错误时添加间距？

】JQueryValidation-仅在存在错误时添加间距？【英文标题】：JQueryValidation-addingspacingonlyifanerrorexists?【发布时间】：2020-08-2517:03:03【问题描述】：我正在创建一个包含多个独立部分的表单。验证是Jquery验证，我将显示错误一起出现... 查看详情

jquery animate bug，仅在谷歌浏览器中

】jqueryanimatebug，仅在谷歌浏览器中【英文标题】：jqueryanimatebug,onlyingooglechrome【发布时间】：2012-03-0619:22:48【问题描述】：显然我的代码在所有浏览器中都可以正常工作，包括googlecrome会出现问题。我正在使用jquery.animate函数来... 查看详情

jquery：仅在鼠标悬停时将类添加到列表项 - 鼠标移出时删除？

】jquery：仅在鼠标悬停时将类添加到列表项-鼠标移出时删除？【英文标题】：jquery:addingclassontolist-itemsonlyonmouseover-removeonmouse-out?【发布时间】：2011-06-0922:24:51【问题描述】：大家好，最好的方法是什么：我有一个清单<ul><... 查看详情

jQuery.animate() 似乎将持续时间参数作为延迟 [重复]

】jQuery.animate()似乎将持续时间参数作为延迟[重复]【英文标题】：jQuery.animate()seemstotakedurationparameterasadelay[duplicate]【发布时间】：2015-07-2420:37:46【问题描述】：我在让我的动画与jQuery一起工作时遇到了最大的麻烦。我的目标是将... 查看详情

jQuery Animate 图像抽动

】jQueryAnimate图像抽动【英文标题】：jQueryAnimateimagetwiching【发布时间】：2012-07-3002:02:00【问题描述】：我在使用JS为图像设置动画时遇到问题。当我只为width和height设置动画时，它可以正常工作。当我添加top/marginTop或left/marginLeft... 查看详情

仅在满足条件时才添加到字典

...5:55【问题描述】：我正在使用urllib.urlencode来构建网络POST参数，但是有一些值我只想在None以外的值存在时添加。apple=\'green\'orange=\'orange\'params=urllib.urlencode(\'apple\':apple,\'orang 查看详情

IOCTL：仅在 switch-case 中使用参数 0

】IOCTL：仅在switch-case中使用参数0【英文标题】：IOCTL:onlyworkwithparameter0intheswitch-case【发布时间】：2016-04-1511:32:57【问题描述】：我正在为嵌入式系统创建驱动程序。我正在使用IOCTL功能。设备已正确注册，打开和写入功能按预期... 查看详情

怎样用jquery实现弹出框的弹出时渐渐增大,最小化时渐渐变小的特效，在此先感谢！

1.先获取弹窗的宽高；2.点击打开弹窗时，先设置弹窗宽高为0；3.用animate方法，设置宽高，则可以实现渐渐增大；4.最小化时也是一样的操作，用animate方式设置弹窗的宽高为0；伪劣代码：var$t=$("弹窗"),w=$t.width(),h=$t.height()... 查看详情

Spring 集成 DSL：配置仅在参数匹配时处理的处理程序

】Spring集成DSL：配置仅在参数匹配时处理的处理程序【英文标题】：SpringintegrationDSL:configurehandlerthathandlesonlywhentheargumentmatches【发布时间】：2018-03-0304:27:09【问题描述】：我正在使用SpringIntegrationDSL配置。是否可以添加方法引用... 查看详情

JQuery 仅在 Rails 4 应用程序中的页面刷新时加载

】JQuery仅在Rails4应用程序中的页面刷新时加载【英文标题】：JQuerygetsloadedonlyonpagerefreshinRails4application【发布时间】：2013-07-2617:24:26【问题描述】：我创建了一个Rails4应用程序并添加了用于图像弹出效果的fancybox库。它工作正常，... 查看详情

JQuery 仅在 Rails 4 应用程序中的页面刷新时加载

】JQuery仅在Rails4应用程序中的页面刷新时加载【英文标题】：JQuerygetsloadedonlyonpagerefreshinRails4application【发布时间】：2013-07-2617:24:26【问题描述】：我创建了一个Rails4应用程序并添加了用于图像弹出效果的fancybox库。它工作正常，... 查看详情

Jquery Datatables 仅在几列的标题中添加搜索过滤器

】JqueryDatatables仅在几列的标题中添加搜索过滤器【英文标题】：JqueryDatatablesaddsearchfiltertoheaderforafewcolumnsonly【发布时间】：2021-12-0413:19:39【问题描述】：我在由Datatables插件生成的表的标题中添加了一个搜索框。它在标题的每一... 查看详情

jQuery .animate() marginLeft 在 IE8 及更低版本中不起作用 - 参数无效

】jQuery.animate()marginLeft在IE8及更低版本中不起作用-参数无效【英文标题】：jQuery.animate()marginLeftnotworkinginIE8andbelow-invalidargument【发布时间】：2012-05-1912:19:19【问题描述】：我有一个IE特定的问题。从好的方面来说，它适用于所有... 查看详情

zepto添加animate组件

今天发现JQuery可以用 animate方法回到顶部，心想着zepto应该也可以$(‘html,body‘).animate({scrollTop:0},1000);于是便用了一下，发现console提示zepto没有这个方法，百度之后发现原来不是没有这个方法，是因为这animate这个方法是在effect... 查看详情

jQuery animate left decrement var value在chrome上返回0，即

】jQueryanimateleftdecrementvarvalue在chrome上返回0，即【英文标题】：jQueryanimateleftdecrementvarvaluereturns0onchromeandie【发布时间】：2016-07-1018:41:44【问题描述】：在开发此网页时，我遇到了这个问题：http://gfn.gfn.pt/每当触发以下函数而不是... 查看详情

jQuery - 在提交时添加附加参数（不是 ajax）

】jQuery-在提交时添加附加参数（不是ajax）【英文标题】：jQuery-addadditionalparametersonsubmit(NOTajax)【发布时间】：2011-02-0114:30:46【问题描述】：使用jQuery的“提交”-有没有办法将附加参数传递给表单？我不想用Ajax来做这件事——这... 查看详情

IE8 中的 jQuery.animate(left: 0) 错误

】IE8中的jQuery.animate(left:0)错误【英文标题】：jQuery.animate(left:0)errorinIE8IE8中的jQuery.animate(left:0)错误【发布时间】：2011-08-0804:01:45【问题描述】：在IE8中，$liElement.animate(left:0,500);行以“对象不支持此属性或方法”错误中断页面。$... 查看详情