jquery-ui - 如何测试是否在 JQuery UI Droppable 上删除了至少一项？

Question

我有一个 div 被“指定”为 droppable: $( "#droppable_div" ).droppable。

另一方面，我有多个可拖动的 div，它们通过分配一个被指定为可拖动的 CSS 类来拖动：$(".draggable_css").draggable。

现在，这两者都是一种形式。因此，当我提交一个按钮时，我需要测试是否至少有一个可拖动项目/div 已被拖放到可放置 div 上。

有人可以建议如何做到这一点吗？

Answer 1

你可以计算你的 droppables div 的子元素的数量。

这是一个小提琴：http: //jsfiddle.net/kn7uF/

和代码：

<div id="droppable_div1"></div>
<div id="droppable_div2"><div id="find-me"></div><div id="find-me"></div></div>

<script>
    alert("There are "+$( "#droppable_div1 > #find-me" ).size()+" elements in the droppable_div1")    
    alert("There are "+$( "#droppable_div2 > #find-me" ).size()+" elements in the droppable_div2")
</script>