Identifying css position using JQuery

Question

I am trying to identify whether a certain png file is placed besides another png file, and if so there will be an alert.

Problem is alert will show up as soon as webpage is loaded.

The code I am using for the png files are:

<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>

and the jquery code is:

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

I used a chrome extension to find those coordinates, which are the coordinates exactly where the tail should be placed.

I am not sure if I am doing this the right way and I'd appreciate any help.

Thanks!

Hien Nguyen · Accepted Answer · 2019-12-27 02:35:57Z

0

You can use position method of jquery as

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

answered Dec 27, 2019 at 2:35

Hien Nguyen

19k7 gold badges57 silver badges70 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Identifying css position using JQuery

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related