簡單的原型事件問題

我只是在學習原型，我很難找到好的文檔/教程，我認爲這個問題應該很容易做到，但我不能讓它工作。我想在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亮點，但我不能找出從來就做錯了。任何幫助或建議將不勝感激！

謝謝！

編輯：here's我的jsfiddle版本： http://jsfiddle.net/jaFuP/1/

來源

2011-06-20 Bandolera

Works just fine for me.這個問題可能在其他地方。

頁面中是否有元素ID爲evtTarget？
您是否記得在頁面中包含原型（例如
<script src="path/to/prototype.js></script>）？
在控制檯中是否有任何可能阻止JavaScript完全執行的錯誤？
實際上，您是否定義了一個CSS highlighted類，其樣式不同於具有ID爲evtTarget的元素已具有的樣式？

來源

2011-06-20 03:54:43

好的，謝謝！但它看起來像我添加scriptaculous時停止工作。我將需要腳本。有任何想法嗎？謝謝！！！ – Bandolera

好的，謝謝！這有幫助，我意識到我的CSS錯了。 – Bandolera

簡單的原型事件問題

回答

相關問題