Skip welcome & menu and move to editor
Welcome to JS Bin
Load cached copy from
 
<!DOCTYPE html>
<html>
<head>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/themes/smoothness/jquery-ui.css" rel="stylesheet" type="text/css" />
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.2/jquery-ui.min.js"></script>
<meta charset=utf-8 />
<title>JS Bin</title>
</head>
<body>
  <div id='di'>hello world</div>
  <div id='out'></div>
  resize the dialog from the left side and notice that the position reported is wrong
  
</body>
</html>
 
$('#di').dialog({
  position: [100,100],
  dragStop:function(e,ui){
  $('#out').html(JSON.stringify(ui.position));    
  },  
  resizeStop:function(e,ui){ $('#out').html(JSON.stringify($('#di').dialog('option','position')));        
  }
});
Output

You can jump to the latest bin by adding /latest to your URL

Dismiss x
public
Bin info
anonymouspro
0viewers