jQuery可拖放/可拖放的禁用/启用状态

我昨天很想解释这一点，但我认为人们并不理解。 我将代码和示例发布在

我已经有一段时间没有使用jQuery了，但是我到处都在搜索disable（'enable'）/disable示例，或者一种动态更改可拖放状态的方法

基本上我有两个问题：

如何更改或限制.drop类仅接受div中的1项 如果你看一看这个例子（whatevercorp.com/problem/），你会发现你可以在一个div中删除两个项目，它会变得很时髦。我只是想限制一下，因为这是一个照片库

如何跟踪表中的所有droppble项。我希望用户能够在将它们放入框中后移动它们，但也要跟踪每次移动。我查看了serialize，但需要一些指针

---

希望这能清除它，我可以让这个工具开始运行。提前谢谢你的帮助

要防止多个图像放入一个div.drop，请尝试以下操作：

$(".drop").droppable({
    accept: ".photo",
    activeClass: 'droppable-active',
    hoverClass: 'droppable-hover',
    drop: function(ev, ui) {
        //returning false will cancel the drop
        if ($(this).children('img').length > 0) return false;

        $(this).append(ui.draggable);   
        $('#output').append($(ui.draggable).attr('src')+"<br />");              
        $('#output').append($(this).attr("id")+"<br />");
    }
});

$（“.drop”）.dropable({
接受：“.photo”，
activeClass:“可拖放活动”，
hoverClass:“可拖放悬停”，
下拉：功能（ev、ui）{
//返回false将取消删除
if（$（this）.children（'img'）.length>0）返回false；
$（this.append）（ui.draggable）；
$（'#output'）.append（$（ui.draggable）.attr（'src'）+“
”）；
$（'#output'）.append（$（this.attr（“id”）+“
”）；
}
});

为了跟踪他们的移动，您可能需要使用一个全局变量，该变量设置在上面的drop函数中