javascript - How can I compute a dragged div's position -

http://jsfiddle.net/prince4prodigy/vr2du/7/

the jsfiddle edited, please see again.

how can compute dragged div's position?

if re-size window can see 'left' & 'top' property of div if drag div, 'left' & 'top' property don't computing (real time)

htnl:

<div id="container" class="container-container-fluid">      if drag div, 'left' & 'top' property dont computing (real time)      <div id="div1" class="item drag">div</div> </div>  <div id="left"></div> <div id="right"></div> 

js:

$(function(){         $( ".drag" ).draggable({           containment : '#container'         });           function wresize() {           var winw = $(window).width();          var body = $('body');          var d = $('#div1').position();            $('#div1').css({              position:'absolute',              color:'red'});           //show value of left & top property          $('#left').html('left : ' + d.left )          $('#right').html('top : ' + d.top)   }   wresize();  $(window).resize(function() {     wresize(); });  });     

why dont use drag event of draggable div

you can use way

drag: function( event, ui ) { var l=ui.position.left; var t=ui.position.top; }