Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery 无法使此弹出窗口位于光标上方_Jquery_Popup_Cursor Position - Fatal编程技术网

Jquery 无法使此弹出窗口位于光标上方

Jquery 无法使此弹出窗口位于光标上方,jquery,popup,cursor-position,Jquery,Popup,Cursor Position,好的,我这里有一个JSFIDLE: 我在我的页面中使用它,因为我现在无法访问head标签,只能访问body 我不明白我怎么能给它一个.css({marginTop:'-1em'})。在实际的jQuery中,甚至比在弹出窗口中还要多。css给它另一个负边距顶部(边距:-1.5em 10%0;),但它仍然不服从,并且想要显示它想要显示的任何地方 当光标位于问号上方时,如何使其弹出,使光标位于弹出窗口的下方?要在光标上方定位某个对象,首先需要光标的坐标。您需要的是event.pageX和event.p

好的,我这里有一个JSFIDLE:

我在我的页面中使用它,因为我现在无法访问head标签,只能访问body

我不明白我怎么能给它一个
.css({marginTop:'-1em'})。
在实际的jQuery中,甚至比在
弹出窗口中还要多。css给它另一个负边距顶部(
边距:-1.5em 10%0;
),但它仍然不服从,并且想要显示它想要显示的任何地方


当光标位于问号上方时,如何使其弹出,使光标位于弹出窗口的下方?

要在光标上方定位某个对象,首先需要光标的坐标。您需要的是
event.pageX
event.pageY
,然后相对于鼠标坐标设置CSS顶部和左侧属性

我在你的小提琴上改了这句话:

jQuery(this).prevAll("span.popup:first").stop(true, true).css({top: event.pageY-20}).fadeIn('slow', function() {
     jQuery(this).nextAll("span.parent:first").stop(true, true).addClass("backdrop");
这就是它的工作原理:


只是一个想法:为什么不使用jQuery UI呢?好的,这样在测试中效果很好,但由于某些原因,它在实时环境中不起作用。。。在实时环境中,这太离谱了。如果我给它一个顶部值
0
,它甚至不会进入页面的最顶部,所以这里还有其他一些因素影响着它。但你确实让我开始了,在这里帮了我一点忙。谢谢你。。。尝试将
位置设置为
固定
而不是
绝对
。如果这不起作用,请使用
offset().top
属性而不是CSS
top
property.OMG,因此我只做了
var-oTop=(jQuery(this).parent().offset().top-jQuery(this).preval(“span.popup:first”).offset().top)-60.css({top:oTop})
,这正是我想要的。谢谢你的帮助!你太棒了!