JqueryUI工具提示定位

时间:2015-03-13 07:55:44

标签: javascript jquery html css jquery-ui

当我将鼠标悬停在文本上时,我正在使用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是一个总是大于浏览器可见区域的表。是否还有其他参数,如“visiblearea”或其他类似的定位?

1 个答案:

答案 0 :(得分:1)

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

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