我有一个我正在研究的网站,它有一些绝对定位的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(),然后在稍后动画回来时使用它.
