Question

Hello!

Im Using Jquery pep for Drag and Drop.

I can make it draggable but i don’t know how to get the current position of the object..

Here is my code:

var options = {
            cssEaseDuration: 1000
           start:          function(ev,obj){ $('#title').text('Start!'); },
           drag:           function(ev,obj){ 
           console.log("we're dragging!");
          // **I have to know here the coordinates**
           },
           rest:           function(ev,obj){ 
console.log("stopped!"); 

 }
            };


       rectangle.pep(options); 

Here is the Demo Page:
http://pep.briangonzalez.org/demo

(you can see in this page, in Debug mode, you can see the coordinates – bottom right – but i cant use it)

Full info:
http://www.wwvalue.com/web-design/jquery/kinetic-drag-with-jquery-css3-and-html5.html

Thank you very much for your help!!

Answer 1

Ok, I found the solution, Very simple:

var Drag1 = sym.$("Drag1");
var drag = $(Drag1).position();
console.log('x: ' + drag.left + 'y: ' + drag.top);

Thanks anyway 🙂