使用JQuery识别css位置

我试图确定某个png文件是否放在另一个png文件之外，如果是这样，就会发出警报

问题是网页加载后会立即显示警报

我用于png文件的代码是：

<div id="container" style="position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)">
    <div id="donkey">
        <img src="images/donkey.png">
    </div>
    <div id="tail">
        <img src="images/donkeytail.png">
    </div>
</div>

jquery代码是：

<script>
    $(function() {
        $( "#tail" ).draggable();
    });
    if($("#tail").css({top: 382, left: 810, position:'absolute'})){
        alert ('You win');
    }
</script>

$（函数（）{
$（“#tail”）.draggable（）；
});
if（$（“#tail”）.css（{top:382，left:810，position:'absolute'}））{
警惕（“你赢了”）；
}

我使用了一个chrome扩展来查找这些坐标，这些坐标正好是尾部应该放置的位置

我不确定我是否用正确的方法来做这件事，我将感谢任何帮助

谢谢

您可以使用jquery的方法作为

if($("#tail").position().top == 382 && $("#tail").position().left == 810)){
        alert ('You win');
}