可棄在投擲的

Question

我有這個標記

<ul id="hello" class="cat"> 
    <ul id="a1" class="cat"> 
    </ul> 
    <ul id="a2" class="cat"> 
    </ul> 
</ul> 

我做這件事情

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

它總是寫 「你好」。 只有「你好」。 我該如何綁定childs上的droppable？

UPD：我想在＃hello的chidlren和#hello本身中放入元素。我想確定李在哪裏被丟棄。

Answer 1

我已經找到了解決辦法：#hello需要greedy:true

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

Answer 2

試試這個：

$("ul.cat").each(function(){ 

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

}) 

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

Answer 3

將泡到頂部UL，你不想投擲的。試試這個：

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

here's a jsfiddle