PrototypeJS循环不会运行

时间:2011-08-02 15:28:06

标签: javascript prototypejs

我有一个不能使用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     
                 }
        }

1 个答案:

答案 0 :(得分:2)

我不是原型用户,但这是我到目前为止看到的:

$用于ID。我相信你需要$$

$$('.' + element)

这会返回一个数组,所以我认为你需要invoke()这样:

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

此外,.each()将索引作为第二个参数传递给回调,因此您无需维护自己的i

myMessages.each(function(element, i) {

另外,这个:

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

...似乎正在寻找名为message标记的元素。我想你想要一个班级。

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