0

プログラムにjqueryを使用したツールチップコードがあります

  $(function() {
  var tooltips = $( ".g-link" ).tooltip();
  });

 <a href="#" class="g-link" title="Google">test</a>

ツールチップが表示されるようになりましたが、マウスポインターがツールチップにあるときにツールチップを表示する必要があります。リンクの外にポインターがあると非表示になります。オプションはありますか? で試しました

    hide: {  duration: 5000 }

しかし、それは持続時間の後に隠れています

4

1 に答える 1

0

JQueryUI ツールチップ ウィジェット ソースを変更しないと、この機能を実現できません。

このFIDDLEにケースの実装がある Bootstrap Popover コンポーネントを確認する必要があります

<a href="#"  id="tooltip" data-toggle = "popover">Test</a>

 $(function() {
    var a = $('#tooltip');
    $( '#tooltip' ).popover({
        html:true,
        placement:"bottom",
        trigger:"hover",
        container: a,        
        content:'Content of popover',
        delay: { show: 150, hide: 150 }
    });   
 });
于 2013-10-05T07:47:50.140 に答える