PrototypeJSループは実行されません

Question

Prototype + Scriptaculousを使用して実行されないループがあります。配列内の最初のオブジェクトに対して一度実行された後、停止します。

var myMessages = new Object(); 
     myMessages = ['success','info','warning','error']; // define the messages types  
     function hideAllMessages() 
     { 
       var messagesHeights = new Array(); // this array will store height for each 

enter code here 


     // This one runs just once for the first item in the array 
       var i = 0; 
       myMessages.each(function(element) { 
        alert(element); 
        messagesHeights[i] = $('.' + element).getHeight(); 
        i++; 
        $$('.' + element + ' message').invoke('hide'); 
       }); 


       //This won't run at all=============================== 
       for (var index = 0; index < myMessages.length; index++) 
       { 
         messagesHeights[index] = $('.' + myMessages[index]).getHeight(); 
         $('x').hide(); 
         //$('.' + myMessages[i]).css('top', -messagesHeights[i]); //move element outside viewport  
       } 
     } 

Answer 1

私はプロトタイプのユーザーではないんだけど、ここで私がこれまで見たものです。

$は、IDにあります。私はあなたがここに$$が必要と考えている：

$$('.' + element) 

これは、配列を返すので、私はあなたがこのようなinvoke()が必要だと思う：

$$('.' + element).invoke('getHeight'); 

また、.each()はそう、コールバックへの2番目の引数としてのインデックスを渡しますあなたは自分自身を維持する必要はありませんi。

myMessages.each(function(element, i) { 

また、この：

$$('.' + element + ' message') 

は... messageという名前タグを持つ要素を探しているように見えるでしょう。私はあなたが代わりにクラスをしたいと思う。

$$('.' + element + ' .message').invoke('hide');