javascript - 使用 xuijs 补间回到自动高度

Question

我在为 xuijs 创建等效的 SlideDown 时遇到问题。

slideUp(隐藏)很容易完成

x$('elm').tween({height:'0'});

但似乎无法使用补间恢复到原始高度。

$x('elm').setStyle('height','auto !important');

工作正常，但当然没有动画，

x$('elm').tween({height:'auto !important'});

不起作用。 (但是，将高度设置为固定值确实如此，但这不是一个选项)。

有点卡在这里，一旦通过 tween 或 setStyle 将高度设置为 0，document.getElementById('target_box').clientHeight 就没有帮助。我能想到的唯一解决方案是在 div 初始全局折叠之前将高度存储在数组中。

感谢您的帮助。

(受影响的div使用了overflow:hidden)

问候，

//t

Answer 1

如果您使用的是 html5，为什么不在调用补间之前将高度存储为 data- 属性？

x$.extend({
 'slideUp' : function(){
    this = this[0];
    x$(this).attr('data-h',this.clientHeight);
    x$(this).tween({height:'0'});
 },
 'slideDown' : function(){   
     this = this[0];   
     x$(this).tween({height:x$(this).attr('data-h');});     
  }
});

此代码未经测试，但值得一试。