Jquery ui“恢复”模态形式上的位置取消

时间:2013-06-08 23:04:28

标签: jquery forms jquery-ui drag-and-drop

我有一组可以拖动的元素(如果需要可以删除),当用户停止拖动操作时我需要一个表格来显示(通过拖动:停止或删除)来更新移动的对象,如果用户取消模态表单,我希望该项目“恢复”回到用户拖动它的原始位置。所以似乎有几个选择:

这对我来说是众所周知的“鸡蛋和鸡蛋”情景,我相信你会很快告诉我它根本就不是这样,但是它是:拖放成功,或者放弃“做“使用revert:invalid时的某些内容?

$("#draggable").draggable({  
 //revert: true, 
 revert: "invalid",//only works with drop
 cursor: "hand" ,
 grid: [ 44,0 ],
 axis: "x",                     
 cursor: "move",     
 stop: function(ev, ui){    
   //Do Something here??                          

       $( "#dialog-confirm" ).dialog({
          resizable: false,
          height:140,
          modal: true,
          buttons: {
             "Yep": function() {
                 $( this ).dialog( "close" );
                },
             "Nope": function() {
              $( this ).dialog( "close" );
                   // ...or Do something here?
                }
              }
            });


      } 
    }); 

http://jsbin.com/olawas/1/edit

1 个答案:

答案 0 :(得分:0)

也许你之前已经想过这个,但为什么你不保存它的价值 css {top,left,bottom,right}来自"拖动"元素,在"拖动"事件和"开始"事件,所以在停止你只是决定一个元素应该保留。

It's something like this what you want to do ?