0

jQuery ツール ヒント関数を使用しようとしていますが、例から、関数のコードを変更する際に問題が発生しています。

http://jqueryui.com/tooltip/#forms

クリックするとツール ヒントがポップアップ表示されるようにしたい色付きのサークル エリア マップがいくつかあります。

次の関数は機能しますが、要素の上にマウスを置くとツール ヒントもポップアップします。それをクリックすると、別のツール ヒントが表示されます。

だから私が必要としているのは、機能を変更して「クリック時」にのみポップアップし、数秒後に消えるようにすることです。

jQuery:

$(function() {        
                        var tooltips = $( "[title]" ).tooltip();

                                $( "#01-001" ).click(function() {

                                        tooltips.tooltip( "open" );            
                                })  

                        });

HTML:

          <area id="01-001" shape="circle" coords="99,71,10" href="#" alt="01-001" data-maphilight='{"stroke":false,"fillColor":"FF0000","fillOpacity":1,"alwaysOn":true}' title="Tool Tip Messgae." />

みんなありがとう。

サミュエル

4

1 に答える 1

0

最も簡単な解決策は、クリック イベントが発生してツールチップがインスタンス化されるまで待機することです。それらをすべて一度にインスタンス化したため、ホバー上に表示されます。

ここに詳細な回答があります。

于 2013-02-28T15:15:42.780 に答える