使用jQuery找出DIV在WordPress页面上的位置

Question

我对jQuery非常陌生，并且正在为WordPress做一个插件。由于用户可以将其放置在页面的任何位置，因此我需要鼠标悬停来了解要显示的位置。如果DIV位于右侧，则需要在左侧显示鼠标悬停，反之亦然。我被告知应该在不使用jQuery插件并使用“最接近”的情况下完成。但由于我是jQuery的新手，我不知道从哪里开始。 对不起，如果这仍然听起来含糊不清。

谢谢！

Answer 1

假设你的div有一个“小部件”的ID，包括jQuery库，然后检查这个。如果div_on_left（）为true，则div位于页面的左侧。

function div_on_left() {   
     return ((($('#widget').outerWidth()/2) + $('#widget').position().left) < $(window).width()/2) 
    } 

然后你就可以检查if(div_on_left()) { // some code to show your mouseover on the right side}