如何在鼠標懸停上顯示/隱藏div

Question

我試圖在鼠標懸停時顯示一個div。

我正在使用jQuery 1.3。

這是我有：

$('#hoveroverthis').hover(function() {$('#showbox').show()}); 

不應該工作的呢？

編輯：固定。感謝大家！

Answer 1

權威的答案，這個問題是：是，應該工作假設你已經輸入了正確的元素ID和元素在腳本運行時存在這些ID。

要確保文檔已準備好被JavaScript處理，請將代碼包裝到文檔「就緒」事件的句柄中。 jQuery有這個快捷方式：

$(function() { 
    // Everything in this context will be executed when the document is ready 
    $('#hoveroverthis').hover(function() {$('#showbox').show()}); 
}); 

Answer 2

可以在$.document.ready()功能編寫代碼，並檢查它

Answer 3

您可以使用此：

$(document).ready(function(){//when document is ready (loaded) these functions will initialise 
    $('#hoveroverthis').hover(function() { 
    $('#showbox').show() 
    },function() {//mouseleave event 
    $('#showbox').hide() 
    }); 
});