如何将图像放入容器，然后根据放入的容器更新容器？

我想能够将图像拖入两个容器（容器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

如何将图像放入容器，然后根据放入的容器更新容器？

回答

相关问题