原型：简单点击功能

Question

我不知道Prototype框架，我需要将一个简单的jQuery脚本翻译成原型。

这是jQuery：

$(document).ready(function(){

  $(".menu_button").toggle(
      function() { $("#nav_bg").css('display','block');},
      function() { $("#nav_bg").css('display','none');}
  );
});

任何人都可以帮我跟踪原型吗？

谢谢！

Answer 1

document.observe('dom:loaded' , function(){
    $$('.menu_button').each(function(s) { 
        s.observe('click', function(){
            $('nav_bg').toggle();
        });
    });
 });

我认为这会奏效。我不认为你必须明确显示：块，我不知道原型如何决定它决定在切换时给出一个对象的显示，但它通常很好地选择正确的。

如果你确实需要明确

document.observe('dom:loaded' , function(){
    $$('.menu_button').each(function(s) { 
        s.observe('click', function(){
            if ( $('nav_bg').getStyle('display') === 'block')
                $('nav_bg').setStyle({'display' : 'none'});
            else
                $('nav_bg').setStyle({'display' : 'block'});
        });
    });
});

不是很优雅，我确信原型有更好的方法。但我不是主人，这将完成它。