javascript - 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

我不是原型(prototype)用户，但这是我到目前为止所看到的:

$ 用于 ID。我相信您在这里需要 $$:

$$('.' + element)

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

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

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

myMessages.each(function(element, i) {

另外，这个:

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

...似乎正在寻找带有名为 message 的标签的元素。我假设您想要上课。

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