jQueryを通じて情報ウィンドウ（ツールチップまたはポップアップ）を表示

Question

asp.net/c# Webアプリケーションでは、jQueryスクリプトを作成しています。

私はこのようなイベント機能があります：私は、ボックス内の情報を表示したい

function showInfo(event,label){ 
    switch (label) 
    { 
     case 'America': 
      //Show America's info 
      break; 
     case 'Europe': 
      //Show Europe's info 
      break; 
     case 'Africa': 
      //Show Europe's info 
      break; 
    } 
} 

を。情報ボックスは写真や表のような基本的なHTML要素をサポートする必要があります。これを行う最善の方法は何ですか？

私はqtip2を使用しようとしましたが、その機能を通じてツールチップを表示する方法がわかりませんでした（ツールチップをリンクする要素はありません）。
好きなときにいつでも呼び出すことができるShowTooltip()のような機能がいくつかあります。

Answer 1

これを行うクラスのすべての要素を同じクラスに渡し、そのようにon hover関数を作成します。

$('body').on("hover", ".tooltipclass", hoveron, hoveroff); 

次に、ホバーのオン/オフ機能を作成します。どのような要素を使ってこれをしようとしているかによって、これを達成する方法はたくさんあります。要素にアメリカやヨーロッパなどの別のクラス名を付けることができます。次に$（this）.hasClassを使用して、表示するツールチップを確認します。

限りツールチップを表示する実際の仕組みは、すでにページに隠されたツールチップを持っている、またはAJAX呼び出しでそれらを持参し、それらがマウスの位置に基づいて位置、http://docs.jquery.com/Tutorials:Mouse_Position

ここで見ることができまし懸念しているとして、

もちろん多くの人がこれをやっているので、ツールチッププラグインを探すことができます

Answer 2

あなたは、単純なツールチッププラグインを探しているなら、それはhtmlコード（そしてIMG）をサポートし、このjQuery Tooltip plugin

に見て、あなたは尋ねたと使用するのは簡単ですと。プラグインは、ライセンスMIT/GPLの下にあります。

このヘルプが必要です。