Question

I’m placing a div, by using another div id as a reference on the page (to make sure that it appears where I want it to). The code is as follows:-

$('#' + contentDiv).offset({top:($('#' + placementID).offset().top), left: ($('#' + placementID).offset().left)});

The problem is, that though the placementID offset figures are the same each time. Whenever I call this again, it seems to double and put a new left offset that is the the same amount on-top of the previous offset.

E.g. I call a function on a click and say, place this div next to this placement div please. It does it. User then exits and then does another click and the same function is used to place another div next to the same placement div. It does it, but instead of placing it in the same position as last time, seems to reference the position of last time as the 0 point and adds the left amount to that. Meaning the div is placed double distance away now.

Please note; I have consoled out the placement box top and left dimensions and it hasn’t changed after each time.

Not sure what’s going on.

Answer 1

If someone runs into this, I’ve managed to solve the problem very simply… by using css instead of offset. I.e.

$('#contentDiv').css({top:placeTop,left:placeLeft});