2015-03-13 156 views
1

我正在使用JqueryUI.tooltip將圖片懸停在文本上時可見。 http://jsfiddle.net/gwj230rn/JqueryUI工具提示定位

<script language="javascript"> 
    $(document).ready(function() 
    { 
     $(".imagehover").tooltip 
     ({  
      items: "[data-src]", 
      content: function() 
      { 
       return '<img src="' + $(this).data("src") + '" />'; 
      }, 
      tooltipClass:"tooltipImg", 
      position: 
      { 
       within: ".usertable" 

      }, 
      track:true 
     }); 
    }); 
</script> 

的.usertable中的表總是比瀏覽器的可視面積。有沒有另外一個參數,如「visiblearea」或類似的定位內容?

回答

0
div.ui-tooltip { 
    max-width: 100%; 
} 

該解決方案重新調整tooltip div來環繞其子內容。

+0

我需要在哪裏插入? – Flayckz 2015-03-13 10:34:17

+0

將其插入CSS文件並將該CSS文件鏈接到jQuery腳本所在的html頁面中。以下是一個示例:[http://www.w3schools.com/tags/tag_link.asp](http:/ /www.w3schools.com/tags/tag_link.asp) – 2015-03-13 10:45:16