jQuery的悬停事件不触发如下

Question

代码示例：

(function (window, document) { 
$('.rating_title_container').parents('.item_row_def').hover(function() { 
      setTimeout(function() { 
       system.console('Worked'); 
      }, 1000); 
     }); 
})(window, document); 

我是相当新的JS，jQuery的。任何人都可以解释我在这里失踪了吗？在 发布代码http://jsfiddle.net/p7gBy/5/

HTML

<table> 
    <thead> 
     <tr> 
     <th class="item_row_def" onclick="sort(3);"> 
      <table class="col-header"> 
      <tbody> 
       <tr> 
       <td> 
        <h2 class="header_title rating_title_container">Rating</h2> 
       </td> 
       </tr> 
      </tbody> 
      </table> 
     </th> 
     </tr> 
    </thead> 
    </table> 

Answer 1

它假设调用代码，当文档准备好

尝试以下：

jQuery(function (window, document) { 
$('.rating_title_container').parents('.item_row_def').hover(function() { 
     setTimeout(function() { 
      system.console('Worked'); 
     }, 1000); 
    }); 
}); 

，同时您已经超出});末，其抛出错误

Answer 2

你需要在你的事件处理程序中绑定一个文档，就像这样（替换代码上面这个问题，看看）：

$(document).ready(function(){ 
    $('.rating_title_container').parents('.item_row_def').hover(function() { 
     setTimeout(function() { 
      system.console('Worked'); 
     }, 1000); 
    }); 
}); 

Answer 3

试试这个代码：

(function (window, document) { 
$('.rating_title_container').parents('.item_row_def').hover(function() { 
      setTimeout(function() { 
       alert('Worked'); 
      }, 1000); 
     }); 

})(window, document); 

检查小提琴http://jsfiddle.net/AXepU/

Answer 4

你必须附上该功能doc ready然后一切都会很好地工作：

$(function(){ // <----------------------------try enclosing within this from here 
    (function (window, document) { 
     $('.rating_title_container').parents('.item_row_def').hover(function() { 
     setTimeout(function() { 
      alert('Worked'); 
     }, 1000); 
     }); 
    })(window, document); 
}); //<---------------------------------------- to here. 

大部分事件应写在document ready手柄内河

这样的：

$(document).ready(function() { 
    // Handler for .ready() called. 
}); 

这：

$(function() { 
    // Handler for .ready() called. 
}); 

相同。第二个是doc ready处理程序的简短版本。

Read More about .ready()处理