JqueryUI tooltip定位

Question

我正在使用 JqueryUI.tooltip 将鼠标悬停在文本上时显示图片。 http://jsfiddle.net/gwj230rn/

    <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 是一个 table，它总是大于浏览器的可见区域。是否有另一个参数，如 "visiblearea" 或类似的参数用于内部定位？

Answer 1

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

此解决方案重新调整工具提示 div 以环绕其子项的内容。