動的に読み込まれた iframe があります。ユーザーが特定の要素の上にカーソルを置いたときにqtipsを表示したいのですが、qtipsは要素内で一度カーソルをたどります。target: 'mouse'
iframe 内の qtips が親コンテナーに固定されているため、このオプションを使用できません。FF では距離が最も遠く、IE が最も近い y 軸でのみ、ヒントがまだカーソルからずれていることを除いて、ちょっとうまくいくものがあります。私はこれがそれを実装する正しい方法ではないことを知っているので、助けていただければ幸いです。ありがとう!
$("#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'
});
});
});
});