dragging items based on percentage to containment element

Question

Here is what it looks like;

$( \"#box ul li\" ).draggable({
    helper: \"clone\"
});
$( \".item\" ).draggable({containment: \".door\"});

$( \".door\" ).dro         


        

Answer 1

I've found a solution;

$( ".item" ).draggable({
  containment: ".door",
  stop: function( event, ui ) {
   $(this).css("left",parseInt($(this).css("left")) / ($(".door").width() / 100)+"%");
   $(this).css("top",parseInt($(this).css("top")) / ($(".door").height() / 100)+"%");
  }
});