Question

我有一个可拖动的div，我在点击它并将两个坐标的值存储在两个隐藏的字段后得到div的左侧和顶部坐标。
我的问题是，当我改变div的位置时，隐藏场中出现的坐标值不会改变。值与第一次点击div时的值相同。
请在改变div的位置后，帮助我们了解如何获得坐标的价值提前谢谢。
以下是我的代码..
$（'。class1'）。on（'click'，function（e）{
var x =（e.pageX -this.offsetLeft），y =（e.pageY -this.offsetTop）;

    var text1="<div class='tip'><input type='hidden' name='setting[ftype][]' class='ftype' value='1' />\n\

“+ “” +

\ n \ \ n \ 'alt ='删除'style ='width：20px;' /＆gt;“中;

     var text2="<div class='tip'><input type='hidden' name='setting[ftype][]' class='ftype' value='2' />\n\

“+ “” + “” +

声母的\ n \ \ n \ 'alt ='删除'style ='width：20px;' /＆gt;“中;

     var text3="<div class='tip'><input type='hidden' name='setting[ftype][]' class='ftype' value='3' />\n\

“+ “” +” \ n \ \ n \ \ n \ 'alt ='删除'style ='width：20px;' /＆gt;“中;

     var text4="<div class='tip'><input type='hidden' name='setting[ftype][]' class='ftype' value='4' />\n\

“+ “” + “” +

\ n \ 复选框\ n \ \ n \ 'alt ='删除'style ='width：20px;' /＆gt;“中;

     var text5="<div class='tip'><input type='hidden' name='setting[ftype][]' class='ftype' value='5' />\n\

“+ “” + “” +

\ n \ \ n \ \ n \ 'alt ='删除'style ='width：20px;' /＆gt;“中;

    if($('#setBtn').val()!=''){ 
       if($('#setBtn').val()==5){
          t=text5;
       }else if($('#setBtn').val()==4){
           t=text4;
       }else if($('#setBtn').val()==3){
           t=text3;
       }else if($('#setBtn').val()==2){
           t=text2;
       }else{
           t=text1;
       }

        $('<div />', {
          'class': ' ui-widget-content',             
          html: t,             
          appendTo: '.class1',
          draggable: {
              containment: 'parent',
              stop : function(){ 

             }
          },
         resizable:{
         }
      }).css({
          "position" : "absolute",
          "top" : y,
          "left" : x
      }).on('click','.draggable,.tip',function (e1) {
       e1.stopPropagation();
      }).on('click','.deleteS',function (e2) {
        $(this).parent('div').remove();
       e2.stopPropagation();
      });
    }
});

即使在改变其位置后，也可获得可拖动div的坐标

0 个答案: