Jquery UI Droppable Out功能

时间:2012-02-14 10:42:54

标签: jquery-ui drag-and-drop draggable out jquery-ui-droppable

我想在离开droppable元素时触发事件,所以我打算使用out函数。但我有两个可放置的元素。当我为一个元素编写代码时,它可以工作,但不是两个。

Html:

<div id="source">
  <item1>
  ...
  <itemx>
</div>
<div id="drop1"></div>
<div id="drop2"></div>

Jquery的:

$("div#drop1, div#drop2").droppable ({
  drop : function (event, ui) {
     $(this).append (ui.draggable);
     alert("Hello!");
  },

  out : function (event, ui) {
    alert("Goodbye");    
  },
});

但是Out函数没有触发?我可以写两次,但如果我有20个可放置的元素,那就不是解决方案了。 有任何想法吗 ? 谢谢!

1 个答案:

答案 0 :(得分:1)

你在9号线上有一个错误...但它没有这个为我工作...检查这个小提琴:

http://jsfiddle.net/yCeL3/