ページがロードされた後のマウスセンターの確認

Question

私の要素の1つにmouseenterというイベントがあります。トラブルは、DOMが完全にロードされるまで、私はイベントを追加することはできませんので、私はのようなものを使用します。今すぐ

document.observe('dom:loaded', function() { 
    ${"my_element").observe("mouseenter", function() { ... } 
}); 

は、ユーザーがページが完全にロードされる前に、要素の上にマウスを置くと、そうかもしれませんイベントは発生しません。マウスを動かして発砲させなければならない。ページが完全にロードされた後にイベントを発生させる必要があるかどうかを検出することで、ユーザーはマウスを動かす必要はありません。

Answer 1

DOMの準備ができている$(document).ready(function(){と$(function(){火災は、選択した要素に1つ以上のイベントのイベントハンドラ関数を添付するonを使用します。

$(function(){ 
    ${"my_element").on("mouseenter", function() { ... } 
}); 

Answer 2

これは直接あなたの質問に答えていませんが、 livequeryがお手伝いします。私はと思っています。すぐにイベントハンドラをアタッチしますが、DOMがロードされるまで待つかもしれません。

Answer 3

適用する効果に応じて、CSSルールを使用してシミュレーションすることはできますか？ルールを削除するには、あなたのmouseenter方法、jQuery.RuleでjQueryので次に

#my_element:hover { color: red } 

、などの

何か。