Mootools Javascript 无法推送到数组

Question

我有一个数组，设置了每个隐藏 div 的高度，但是当我使用它时，div 会立即向下跳，而不是像有文字数字时那样缓慢滑动。

---

编辑：测试似乎表明这是push方法的问题，如content_height.push(item.getElement('.moreInfo').offsetHeight);alert(content_height[i]) ;给出了未定义的值，但是alert(item.getElement('.moreInfo').offsetHeight);给出了正确的值

---

Javascript：

window.addEvent('domready', function(){

 var content_height = [];i=0;

 $$( '.bio_accordion' ).each(function(item){
  i++;
  content_height.push( item.getElement('.moreInfo').offsetHeight);
  var thisSlider = new Fx.Slide( item.getElement( '.moreInfo' ), { mode: 'horizontal' } );
  thisSlider.hide();


  item.getElement('.moreInfo').set('tween').tween('height', '0px');

  var morph = new Fx.Morph(item.getElement( '.divToggle' ));
  var selected = 0;
  item.getElement( '.divToggle' ).addEvents({
  'mouseenter': function(){
   if(!selected) this.morph('.div_highlight');
  },

  'mouseleave': function(){
   if(!selected) {
    this.morph('.divToggle');
   }
  },

  'click': function(){
   if (!selected){
    if (this.getElement('.symbol').innerHTML == '+')
    this.getElement('.symbol').innerHTML = '-';
    else
    this.getElement('.symbol').innerHTML = '+';
    item.getElement('.moreInfo').set('tween', {
     duration: 1500,
     transition: Fx.Transitions.Bounce.easeOut
    }).tween('height', content_height[i]); //replacing this with '650' keeps it smooth
    selected = 1;
    thisSlider.slideIn();
   }
   else{
    if (this.getElement('.symbol').innerHTML == '+')
    this.getElement('.symbol').innerHTML = '-';
    else
    this.getElement('.symbol').innerHTML = '+';
    thisSlider.slideOut();
    item.getElement('.moreInfo').set('tween', {
     duration: 1000,
     transition: Fx.Transitions.Bounce.easeOut
    }).tween('height', '0px');
    selected = 0;
   }
  }
  });

 } );




});

为什么会这样呢？非常感谢！

Answer 1

你的代码没有任何问题。 push 方法按预期工作 - 这是一个示例：http://jsfiddle.net /奥斯卡/D2xps/

Answer 2

您需要 content_height[i - 1]。

另外我建议您使用另一个索引（因为您的代码使用全局变量“i”并且它可能会因为闭包而失败）：

$( '.bio_accordion' ).each(function(item, index) {
    content_height[index] = item.getElement('.moreInfo').offsetHeight;

    ....

    tween('height', content_height[index]);


});