0

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

我有一个<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 可能不仅在图形上（“位置：绝对”），而且在 html 代码中

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

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

- 每次放置后，我通过 jQuery/Ajax 向另一个页面发送一个请求，以尝试在数据库中更改发送我移动的 DIV（位置和 ID）以及哪个 DIV（位置和 ID）第一个结束时的位置我松开鼠标按钮。我怎样才能获得这 4 个数据（jQuery UI 可以设法为我获得这些数据吗？）

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

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

4

1 回答 1

2

尝试这个...

$(".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
      } 
   } 
});

这里的例子

问候。

于 2013-01-10T14:49:52.607 回答