prototypejs - 原型：简单的点击功能

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'});
        });
    });
});

不是很优雅，我相信原型有更好的方法。但我不是大师，这将完成它。