可拖动的jQuery，将顶部和左侧位置的像素转换为百分比

Question

我正在为我的项目使用jQuery Draggable，但问题是我需要将可拖动内容的位置结果转换为百分比，以便它可以响应响应父div元素。

这是我的代码：

 $(".test").draggable(
       {
       helper: "clone",
       cursor: "move",
       appendTo: ".content-magz",
       revert: "invalid"
       });

    $(".content-magz").droppable(
        {
           drop: function(event, ui)
           {
                containment: ".content-magz",
                x = ui.helper.clone().attr('id', 'value');    // Store cloned div in x
                y=ui.helper.remove();       // Escape from revert the original div
                x.appendTo('.content-magz').removeClass( "test").draggable( {
                revert: "invalid",
                containment: ".content-magz",
                snap: '.content-magz',
                stop: function () {
                var l = ( 100 * parseFloat($(this).position().left / parseFloat($(this).width())) ) + "%" ;
                var t = ( 100 * parseFloat($(this).position().top / parseFloat($(this).height())) ) + "%" ;
                $(this).css("left", l);
                $(this).css("top", t);
           }});
   }
   });

我从另一个人那里得到了这个代码的答案，但它对我没有用，有没有解决方法。

谢谢，