我有一个动态加载的iframe。当用户将鼠标悬停在某些元素上时,我希望显示qtips,并且qtips将在元素内部跟随光标。我无法使用选项target: 'mouse'
,因为iframe内的qtips已固定在父容器中。我得到的东西有点工作,除了提示仍然从我的光标移位,仅在y轴,在FF中距离最远,IE是最接近的。我知道这不是实现它的正确方法,所以任何帮助都表示赞赏。谢谢!
$("#pageFrame").load(function() {
var pageFrameContent = $(this).contents()[0];
$("div.extra", pageFrameContent)
.mouseenter(function(){
$(this).mousemove(function(e){
$(this).qtip({
position: {
target: [e.screenX,e.screenY]
},
show: {
solo: true,
ready: true,
delay: 0
},
hide:{
event: 'click mouseleave'
},
content: 'Tips content',
style: 'ui-tooltip-shadow ui-tooltip-rounded'
});
});
});
});