iframe内的qTip2检测mouseenter&鼠标移动

时间:2011-08-26 16:13:03

标签: jquery iframe qtip2

我有一个动态加载的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'
        });
    });
});
});

1 个答案:

答案 0 :(得分:1)

克雷格在qTip2 forum上回答了这个问题。如果你可以在iframe中创建提示,那么它是最好的。