Функция Jquery UI Droppable Out

Я хотел бы инициировать событие, когда я покидаю выпадающий элемент, поэтому я планирую использовать функцию 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 выпадающих элементов, это не решение. Любые идеи ? Спасибо !


person Maxxx    schedule 14.02.2012    source источник


Ответы (1)


у вас есть ошибка в строке 9... но у меня она работает без этого... проверьте эту скрипку:

http://jsfiddle.net/yCeL3/

person ggzone    schedule 14.02.2012
comment
я понял, что иногда вам нужно перетащить элемент достаточно глубоко, чтобы вызвать функцию вывода. - person ggzone; 14.02.2012