jquery - マウスオーバーでdivを表示/非表示にする方法

Question

マウスオーバーすると、1 つの div が表示されるようにしています。

jQuery 1.3 を使用しています。

ここに私が持っているものがあります:

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

これはうまくいかないのですか？

編集：修正。みんな、ありがとう！

Answer 1

このコードを$.document.ready()関数に記述して確認できます

Answer 2

この質問に対する決定的な答えは、 「はい」です。正しい要素 ID を入力し、このスクリプトが実行された時点でそれらの ID を持つ要素が存在すると仮定すれば、これは機能するはずです。

ドキュメントを JavaScript で操作できるようにするには、ドキュメントの「ready」イベントへのハンドルでコードをラップします。jQuery には、このためのショートカットがあります。

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

Answer 3

これを使用できます：

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