可放置的droppable

时间:2011-03-31 18:59:44

标签: jquery jquery-ui droppable

我有这个标记

<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的chidlren和#hello本身中删除元素。我想确定李被丢弃的地方。

3 个答案:

答案 0 :(得分:5)

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

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

答案 1 :(得分:0)

试试这个:

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

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

})

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

答案 2 :(得分:0)

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

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

here's a jsfiddle