PrototypeJS循环不会运行

Question

我有一个循环，它不会运行使用Prototype +脚本。它对数组中的第一个对象运行一次，然后停止。

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()将索引作为第二个参数传递给回调，因此您不需要维护自己的i。

myMessages.each(function(element, i) {

此外，还有以下内容：

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

...would似乎在寻找标签名为message的元素。我假设你想要一个类。

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