如何將圖像放入容器，然後根據放入的容器更新容器？

我想能夠將圖像拖入兩個容器（容器1和容器2）之一。從那裏，取決於哪個容器圖像被刪除，我想用數據庫調用來更新該容器（或者只是更新我的一個表中的一行）。如何將圖像放入容器，然後根據放入的容器更新容器？

我想使用http://jqueryui.com/demos/droppable/來實現這一點，但我不知道如何處理請求，以及如何讓每個容器偵聽事件處理程序（丟棄圖像）。

我畫下面一個非常糟糕的圖來說明我的意思：

Diagram of Droppable System

來源

2011-02-26 bob_cobb

+1，_excellent_圖！ – 2011-02-26 23:51:11

's /真壞圖/怪異'真棒圖/' – 2011-02-26 23:55:45

的droppable demo顯示究竟是如何做到這樣的事情。

$(function() { 
    $("#draggable").draggable(); 
    $("#droppable").droppable({ 
     drop: function(event, ui) { 
      $(this) 
       .addClass("ui-state-highlight") 
       .find("p") 
        .html("Dropped!"); 
     } 
    }); 
});

My own really basic demo →（更新）

來源

2011-02-26 23:53:06

這太棒了。謝謝！最好的方式來存儲多票是通過使用一個cookie，或者我應該只是抓住IP，並將其與last_ip比較，在我的數據庫的另一行投票？ – 2011-02-27 01:38:42

@bob_cobb：我不確定你的意思是「多票」。是否允許每個用戶每張照片投一次？強制匿名投票很困難，因爲IP地址可能會更改，並且Cookie可能（很容易）被刪除。通常，這可以通過用戶帳戶系統來解決，其中投票與帳戶關聯，而不是IP地址或（實際上，只是不使用）Cookie。 – 2011-02-27 01:43:56

如何將圖像放入容器，然後根據放入的容器更新容器？

回答

相關問題