jQuery   发布时间:2022-04-19  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了jQuery动画回到原来的位置大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
我有一个我正在研究的网站,它有一些绝对定位的div,我需要在点击时调整大小,然后这些将填充div所在的容器.问题是我如何让他们切换到去回到原来的位置(顶部,左侧),每个位置都不同.
$(".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,请注明来意。