在頁面加載後檢查mouseenter

Question

我的一個元素有一個mouseenter事件。麻煩的是，我不能添加事件，直到DOM是滿載的，所以我使用類似：

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

現在，用戶可能將鼠標懸停在元素之前的頁面完全加載，所以該事件不會觸發。他們必須移動鼠標才能觸發它。如何在頁面完全加載後檢測是否應該觸發事件，以便用戶不必移動鼠標？

Answer 1

的$(document).ready(function(){和$(function(){火當DOM準備好了，用on附加一個事件處理函數的一個或多個事件來選擇的要素：

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

Answer 2

這並不直接回答你的問題，但livequery可能會幫助你。我認爲它立即附加事件處理程序，但它可能會等到DOM被加載，在這種情況下，它不會幫助你。

Answer 3

根據你應用的效果，你可以使用CSS規則來模擬它嗎？

喜歡的東西

#my_element:hover { color: red } 

然後在jQuery的，在你的mouseenter方法，jQuery.Rule刪除的規則。