I have a div that I want to trigger a function if the user clicks and drags. The div can be positioned in different places on the grid. I use the gridStack plugin. I want to get the final position of the div within the grid.
One DOM object with the gridStack is:
<div data-gs-x="0" data-gs-y="0" data-gs-width="4" data-gs-height="4" class="grid-stack-item ui-draggable ui-resizable ui-resizable-autohide"> </div>
The data-gs-x="0" data-gs-y="0" attributes inform the position within the grid. Is there an event that captures the position of the object after clicking and dragging?