jquery - 使用 JQuery 识别 css 位置

Question

我正在尝试确定某个 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>

我使用 chrome 扩展程序找到了那些坐标，这些坐标正是尾部应该放置的位置。

我不确定我这样做是否正确，如果有任何帮助，我将不胜感激。

谢谢!

Answer 1

您可以使用 position jquery as 的方法

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