2015-03-13 91 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