prototype.jsとJQueryを共存させるには
Ruby on Railsで開発していると、たいていの場合prototype.jsが組み込まれてしまう。 Rails3ではprototype.jsを使わない方法も取れるかもしれないが、まだまだprototype.jsは使う機会が多い。 そんな中で、JQueryのエフェクトやプラグインには魅力を感じてしまう。 そこで、prototype.jsとJQueryを共存させる事が出来れば問題は解決するはず。 JQueryには、コンフリクトを避けるためのメソッドがあるので、これを指定すれば ほとんどの場合、 ...
prototype.jsで、ページが読み込まれた後に発動するイベントを定義
prototype.jsで、ページが読み込まれた後に発動するイベントを定義する場合 Event.observe(document, "dom:loaded",function(){ alert('読み込んだ'); }); DOMツリーの構築が終わっていても描画が終わっていない場合があるので、このイベント内で$('test').style.height のようなプロパティを見ても0やnullが入っている場合がある。
prototype.jsのイベント
prototype.jsで、エレメントにイベントを設定する <div id="test">test</div> このタグにクリックイベントを付ける時は $('test').observe('click', function(event){ alert('testをクリック'); }); prototype.jsのイベントとして指定出来るイベント ページのイベント load ページが読み込まれた時 dom:loaded ページが読み込まれた時(イメージなどは読み込み完了 ...