可放置的droppable

我有这个标记

我做了这件事

 $("ul.cat").droppable( { drop:function() { alert($(this).attr("id")); } }); 

它总是写“你好”。 只有“你好”。 我怎样才能在孩子身上绑定droppable？

UPD：我想在＃hello的chidlren和#hello本身中删除元素。 我想确定李被丢弃的地方。

Answer 1

我找到了解决方案：#hello需要greedy:true

http://jqueryui.com/demos/droppable/#propagation

Answer 2

它会冒泡到顶级UL，你不想放弃它。 试试这个：

 $("#hello ul.cat").droppable( { drop:function() { alert($(this).attr("id")); } }); 

这是一个jsfiddle

Answer 3

试试这个：

 $("ul.cat").each(function(){ $(this).droppable( { drop:function() { alert($(this).attr("id")); } }); }) 

http://jsfiddle.net/maniator/HXjeQ/