シンプルなプロトタイプイベントの問題

Question

私はプロトタイプを学んでいて、良いドキュメンテーション/チュートリアルを見つけるのは苦労しています。この問題は簡単にするべきだと思いますが、うまくいきません。私はそれがクリックされるまでdivにホバー効果を持たせたいのですが、クリックした後は正常な動作をしたいのです。私はこのコードを使用すると

document.observe("dom:loaded", function() { 
     $("evtTarget").observe("mouseover", highlight); 
     $("evtTarget").observe("mouseout", highlight); 

     $("evtTarget").observe("click", function(evt) { 
      $("evtTarget").stopObserving("mouseover", highlight); 
      $("evtTarget").stopObserving("mouseout", highlight); 
     }); 


    }); 

    function highlight(evt) { 
     $("evtTarget").toggleClassName("highlighted");   
    } 

は、私のdiv doesn'tのハイライトは、私はI'veが間違って行って何を把握can't：これは私がこれまで持っているものです。どんな助けや提案も大歓迎です!!!

ありがとうございます！

編集：問題は他の場所でそうである http://jsfiddle.net/jaFuP/1/

Answer 1

Works just fine for me.：私のjsfiddleバージョンをhere's。

• ページにIDがevtTargetの要素がありますか？
• Prototypeをページに含めることを忘れた場合は（例：
  <script src="path/to/prototype.js></script>）
• JavaScriptが完全に実行されない可能性があるコンソールにエラーが表示されていますか？
• CSS highlightedクラスを実際に定義しましたか？idがevtTargetの要素には既に含まれているスタイル以外のスタイルを使用しましたか？