2016-01-16 93 views
0

我有一個div,在我的簡單頁面上通過jQuery的類選擇器檢索。我想那麼鼠標事件偵聽器附加到這個div ...鼠標懸停事件沒有被觸發的jQuery類選擇元素

<body> 
<div class="stuffBox"> 
    <h1> 
    stuff 
    </h1> 
</div> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
    (function(){ 
     $(".stuffBox").mouseover(function() { 
    alert("Here is some stuff"); 
}); 
}) 

</script> 
</body> 

這裏是小提琴https://jsfiddle.net/jehanjaleel/xqtp2r3q/

眼下鼠標懸停在不觸發,任何想法,爲什麼?

我想重新打開它,因爲它在jsfiddle中工作,但不在實際的html頁面上。

+4

打開瀏覽器的開發者工具。閱讀它給你的錯誤信息。 **未捕獲ReferenceError:$未定義** – Quentin

+0

@Quentin和Josh,當我在獨立的html頁面中嘗試此代碼時(雖然它在js小提琴中工作),仍然存在此問題。您能否重新打開並複製並粘貼該代碼並嘗試? – AbuMariam

+0

現在你已經有了完全不同的問題。這應該是一個新問題,而不是現有編輯。 – Quentin

回答

0
<body> 
<div class="stuffBox"> 
    <h1> 
    stuff 
    </h1> 
</div> 
<script src="https://code.jquery.com/jquery-1.10.2.js"></script> 
<script> 
(function(){ 
$(".stuffBox").mouseover(function() { 
alert("Here is some stuff"); 
}); 
}) 

</script> 
</body> 
相關問題