1

私はプロトタイプ フレームワークを知りません。単純な jQuery スクリプトをプロトタイプに変換する必要があります。

これはjQueryです：

$(document).ready(function(){

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

誰でもそれをプロトタイプに変換するのを手伝ってくれますか?

ありがとう！

4

1 に答える 1

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

これでうまくいくと思います。display:block について明示する必要はないと思います。トグルでオブジェクトを与えることを決定したディスプレイをプロトタイプがどのように決定するかはわかりませんが、通常は適切なものを選択するのはかなり良いことです。

明示する必要がある場合

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

あまり優雅ではありませんが、プロトタイプにはそれを行うためのより良い方法があると確信しています。しかし、私はマスターではなく、これでうまくいきます。

于 2012-05-22T18:12:03.413 に答える