大佬教程收集整理的这篇文章主要介绍了jQuery动画回到原来的位置,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
$(".work-item .toggle").toggle(function() { $(this).parent().animate({ height: '430',width: '930',top: '0',left: '0' },750); },function() { var pos = $(this).parent(); var position = pos.position(); $(this).parent().animate({ height: '150',width: '200',top: position.top,left: position.left },750); });
试过上面但是它的新位置不是原来的.
提前致谢.
PVS
$.data()
首次加载页面时存储位置并在以后使用它,如下所示:
$(".work-item .toggle").each(function() { $.data(this,'position',$(this).parent().position()); }).toggle(function() { $(this).parent().animate({ height: '430',750); },function() { var position = $.data(this,'position'); $(this).parent().animate({ height: '150',750); });
这将在绑定之前为每个元素的父级存储.position()
,然后在稍后动画回来时使用它.
以上是大佬教程为你收集整理的jQuery动画回到原来的位置全部内容,希望文章能够帮你解决jQuery动画回到原来的位置所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。