このコードが機能しない理由を理解するのに苦労しています。私の意図は、ユーザーがツールチップ div をクリックしたときにメッセージを表示することです。マウス カーソルを div の外に移動すると、ツールチップが閉じます。単一のページにメッセージを表示する最も簡単な方法が必要です。jquery 1.3.2 を使用する必要があります。ありがとうございました
<html>
<head>
<script type="text/javascript" src="/jquery/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('.wrapper').live('click', showBox).live('mouseleave', hideBox);
function showBox(e){
var x = e.pageX + 20;
var y = e.pageY + 20;
$('.tooltip').fadeIn();
$('.tooltip').offset({ left: x, top: y });
}
});
function hideBox(){
$('.tooltip').fadeOut();
}
</script>
<style>
.div{ margin:10px;padding:12px;
border:2px solid #666;
width:60px;
}
</style>
</head>
<body>
<div class="wrapper">sometext</div>
<div class="tooltip">tooltip1</div>
</body>
</html>
編集: これは Juan Mendes による作業コードですhttp://jsfiddle.net/HUG2Z/3/