droppable 中的 droppable答案

【问题标题】：droppable in droppabledroppable 中的 droppable
【发布时间】：2011-03-31 18:59:44
【问题描述】：

我有这个标记

<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"));
    }
});

它总是写“你好”。只有“你好”。我如何也可以在孩子上绑定 droppable？

UPD：我想在#hello's chidlren 和#hello 本身中加入元素。我想确定 li 被丢弃的位置。

【问题讨论】：

【解决方案1】：

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

【讨论】：

【解决方案2】：

它会冒泡到您不希望丢弃的顶部 UL。试试这个：

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

【讨论】：

【解决方案3】：

试试这个：

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

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

})

【讨论】：