Mootools Javascript无法推送到阵列

Question

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

---

编辑：测试似乎表明它与推送方法的问题，因为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/oskar/D2xps/

Answer 2

您需要content_height [i - 1]。

而且我会建议更换使用另一个索引（使用全局变量“我”，因为你的代码，这可能是因为封锁的失败）：

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

    .... 

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


});