1

divの内容をツールチップとして使用しようとしています。私のJavaScriptコードは次のとおりです。

$(document).ready(function() {      
   $('.flexi').tooltip({ 
    effect: 'slide',
    tooltipSourceID:'#qwerty'         
   }); 
});

私のHTMLは次のようになります。

<div style="position:relative;">                            
  <p><span class="flexi">Mouse Over</span></p>
  <div id="qwerty" class="tooltip flexidef">                            
     <p>This is the custom tooltip. This is the custom tooltip.</p>   
  </div>
</div>

しかし、「マウスオーバー」にカーソルを合わせると何も表示されません。上記のコードは、 http：//swip.codylindley.com/tooltipDemo.htmlの例3に基づいています。

助けていただければ幸いです。

4

1 に答える 1

1

プロパティを使用する必要があり、次tooltipSourceのようなプロパティもありませんeffect

$('.flexi').tooltip({ 
tooltipSourceID:'#qwerty', 
tooltipSource:'inline'
});

デモ

</p>

于 2012-11-19T12:55:27.103 に答える