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 はおそらくグラフィカルに ("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 関数がありますか? 前もって感謝します。

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 に答える