Question

很多事情要做，但首先要做的事情。

我有一个<div class="showcase">包含很多<div class="game">，每个都有一个

onclick="addpop('delpopup.php?id=something&pos=somethingelse&box=image')"

告诉我这条路线是否合适：

- 使用jQuery UI管理div拖动（我可以在正确的位置使div“快照”吗？如果我有div1，div2，div3和div4，如果我将div4移到div2上，它们必须正确放置div1，div4，div2，div3可能不仅以图形方式（“position：absolute”）而且还在html代码中

<div1>[...]</div>
<div4>[...]</div>
<div2>[...]</div>
<div3>[...]</div>

每次移动后，我只需要更改右侧div的addpop函数的“pos”部分（如果我将4移动到2，我必须在pos2中更改div4，在pos3中更改div2，在pos4中更改div3）（我认为这部分可以通过javascript处理。是吗？）

- 每次丢弃后，我都会通过jQuery / Ajax向另一个页面发送请求，尝试在数据库中更改发送了哪个DIV（pos和id）我移动的位置以及哪个DIV（pos和id）得到了当我释放鼠标按钮时，首先结束。我怎样才能获得这4个数据（jQuery UI可以为我设置这些数据吗？）

（注意：我不是要问整个问题的解决方案;我问这是否是解决此问题的正确方法）

我在考虑这种可能性。或者，还有另一个更简单的javascript / jquery / dunnowhat函数可以单独处理整个事情吗？提前谢谢。

Answer 1

试试这个......

$(".div").droppable({ 
   drop: function( event, ui ) { 
      if (!ui.draggable.data("drop")){ 
         //here put your ajax
      } 
   }, 
   out: function( event, ui ) { 
      if (ui.draggable.data("soltado")){ 
        //logic of remove element
      } 
   } 
});

示例here

问候。

拖动div，正确放置并发送ajax请求

1 个答案: