画像ツールチップが機能しない

Question

画像にマウスを乗せたときにツールチップとしてImageを表示しようとしています。私はStack Overflowに関する様々な記事を読んできましたが、まだ試してみましたが、まだ動作していません。私はjQueryを学んでいて、ツールチップのどの部分が欠けているのかを教えてくれるように助けてもらいたいですか？

$(document).ready(function() { 
    $(".panel").tooltip({ 
     delay: 0, 
     showURL: false, 
     track: true, 
     bodyHandler: function() { 
      return '<img src="images/b_clicktozoom.jpg" alt="Click to Zoom" width="88px" height="20px"/>'; 
     } 
    }); 
}); 

HTMLは以下の通りです：ここで

は、私がこれまで使っていたコードである

<div class="belt"> 
    <div class="panel" style="float: none; position: absolute; left: 2643px;"> 
     <img width="879" height="510" border="0" usemap="#xyz.jpg"alt="Writing on the Wall" src="xxx.jpg"> 
    </div> 
</div> 

は私がこの

おかげで自分の考えをお聞かせください

Answer 1

あなたのページにjQueryのツールチップの外部JSファイルを含めていますか？あなたのページにツールチッププラグインが含まれていなければ、tooltip（）は動作しません。あなたは、次のURL

http://flowplayer.org/tools/tooltip/index.html

にhttp://bassistance.de/jquery-plugins/jquery-plugin-tooltip/

Answer 2

行くから、それをダウンロードして、スクリプトタグで、次のようにそれを含めることができます。

srcは= "のhttp：//cdn.jquerytools。 org/1.2.6/full/jquery.tools.min.js "

などです。次に、htmlタグ要素（$ labelなど）で呼び出します。