Jquery 无法使此弹出窗口位于光标上方
好的,我这里有一个JSFIDLE: 我在我的页面中使用它,因为我现在无法访问head标签,只能访问body 我不明白我怎么能给它一个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
.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
属性而不是CSStop
property.OMG,因此我只做了var-oTop=(jQuery(this).parent().offset().top-jQuery(this).preval(“span.popup:first”).offset().top)-60然后在元素上使用.css({top:oTop})
,这正是我想要的。谢谢你的帮助!你太棒了!