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

我正在为我的项目使用jQuery Draggable，但问题是我需要将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);
           }});
   }
   });

我从另一个so的答案中找到了这段代码，但它对我不起作用，是否有任何解决方案

谢谢