Qtip基本问题
嗨,
这是脚本的样子 lile :
$(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>
没有 css 绑定到 MyDiv 元素。 div 元素放置在 Begin 表单标记内。
问题是工具提示会出现在右侧很远的地方(甚至不在 div 附近)?
文档显示这应该可行,那么为什么不行呢?
致以诚挚的问候
Hi,
This is how the script looks lile :
$(document).ready(function () {
$('#MyDiv').qtip({
content: 'I\'m at the top right of my target',
position: {
corner: {
target: 'topRight',
tooltip: 'bottomLeft'
}
}
});
});
And this is how the html looks like :
<div id="MyDiv">This is my Text</div>
There is no css bound to the MyDiv element. The div element is placed within the Begin form tag.
The problem is that the tooltip will appear far to the right (not even near the div)?
The documentation show that this should work so why is it not?
BestRegards
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(1)
您需要为 MyDiv 元素指定 CSS 宽度。 Qtip 将工具提示放在该 div 的右上角,并且该 div 沿宽度方向延伸以填充它所包含的元素。
使用 Firebug(使用 Firefox)或开发人员工具(使用 Internet Explorer)查看元素的尺寸你应该看到这个。
You need to specify a CSS width for your MyDiv element. Qtip is putting the tooltip at the top-right corner of this div and the div is extending width-wise to fill the element it's contained in.
Use Firebug (with Firefox) or developer tools (with Internet Explorer) to look at your element's dimensions and you should see this.