iFrame中的qTip2
我在iframe中使用jQuery qTip2，但由于我受到iframe宽度和高度的限制，有没有办法让内容实际显示在iframe的顶部，即在iframe的父窗口中，而不是在实际的iframe本身中？
这样，我就不会受到iframe大小的限制。
这是我作为iframe的一部分使用的当前代码：
$(document).ready(function() {
$('img[title]').qtip({
content: {
text: false, // Use each elements title attribute
title: {
text: 'Error',
button: 'Close'
}
},
hide: {
event: false
},
style: {
classes: 'ui-tooltip-dark ui-tooltip-rounded',
height: 5,
width: 500
},
position: {
my: 'bottom right',
at: 'top left'
}
});
});回答 2
Stack Overflow用户
发布于 2011-09-13 16:08:53
克雷格在your same post in the qTip2 forums上发布了一个链接，回答了你的问题：
http://craigsworks.com/projects/forums/thread-solved-qtip-in-iframe-and-mouse-tracking
通过阅读讨论，简短的答案是您必须从父文档初始化qTips，这使得jQuery变得很容易。最困难的部分是你必须处理Javascript的same origin policy。换句话说，这两个文档必须来自相同的域。如果不是，那你就不走运了。
另一个注意事项是，您必须手动调整qTip定位，因为您是从父文档进行初始化。
下面是一个有效的示例：
http://fiddle.jshell.net/4QDcz/1/
$(document).ready(function () {
$('#theFrame').contents().find('.selector').qtip({
position: {
adjust: {
x: $('#theFrame').offset().left,
y: $('#theFrame').offset().top
}
}
});
});Stack Overflow用户
发布于 2011-08-26 17:31:58
我想知道设置视图端口是否能解决您的问题。如下所示：
position: {
my: 'top center', // Position my top left...
at: 'bottom center', // at the bottom right of...
viewport: $(window)
},https://stackoverflow.com/questions/7202601
复制相似问题
腾讯云开发者
Copyright © 2013 - 2026 Tencent Cloud. All Rights Reserved. 腾讯云 版权所有
深圳市腾讯计算机系统有限公司 ICP备案/许可证号：粤B2-20090059 
粤公网安备44030502008569号
腾讯云计算（北京）有限责任公司 京ICP证150476号 | 京ICP备11018762号