Qtip基本问题

时间:2011-02-06 20:01:58

标签: jquery html css qtip

您好,

这就是脚本看起来很简单的方式:

$(document).ready(function () {
    $('#MyDiv').qtip({
        content: 'I\'m at the top right of my target',
        position: {
            corner: {
                target: 'topRight',
                tooltip: 'bottomLeft'
            }
        }
    });
});    

这就是html的样子:

<div id="MyDiv">This is my Text</div>

没有绑定到MyDiv元素的CSS。 div元素放在Begin表单标记中。

问题是工具提示会出现在右边(甚至不在div附近)?

文档显示这应该有效,为什么不呢?

BestRegards

1 个答案:

答案 0 :(得分:1)

您需要为MyDiv元素指定CSS宽度。 Qtip将工具提示放在此div的右上角,div在宽度方向上扩展以填充它所包含的元素。

使用Firebug(使用Firefox)或开发人员工具(使用Internet Explorer)查看元素的尺寸,您应该看到这一点。