Как запускать события мыши YUI3 / оставлять события при использовании Dragdrop YUI3? - PullRequest
1 голос
/ 04 февраля 2011

У меня есть несколько элементов списка с родительским ul, делегированным в качестве узла для Dragdrop, это само по себе работает отлично - перетаскивает, сбрасывает.

В Droptarget у меня есть DOM-узлы, которые подписываются на события mouseenter / exit (мне еще предстоит делегировать это поведение контейнеру, если это возможно / эффективно). Это также работает нормально, события mousenter / exit запускаются, когда я вхожу и покидаю каждый элемент.

Проблема, однако, в том, что когда я нахожусь в середине операции перетаскивания, и я перетаскиваю Droptarget - это правильное место для меня, к которому я стремлюсь. Я хочу, чтобы цели mousenter / left продолжали стрелять (потому что элемент над ним добавляет границу и фон - чтобы вы могли видеть, над чем вы находитесь).

Результатом является возможность перетаскивать узел над узлами Droptargets и выделять эти узлы (с границей, как указано выше) через mousenter / left, а затем я могу удалить.

Итак, опять же, оба работают отлично по отдельности, но в унисон события mousenter / exit не запускаются, пока я перетаскиваю. Это как-то связано с барботированием?

Приведенный выше код распределен по нескольким сложным файлам в mo ', прямо в середине приложения, но если вышеописанное не понятно - дайте мне знать, и я вставлю некоторый код.

спасибо, д


ОСНОВНОЕ РЕДАКТИРОВАНИЕ:

Ooook. Я был не в духе. На самом деле у меня все работает правильно - почти так, как я хочу. Проблема в том, что ... узлы, перемещаемые при перетаскивании, каким-то образом расположены слева вверху родительского документа. Короче говоря, я имею дело с ценностью узлов в iframe , теперь они все установлены как цели удаления для объектов перетаскивания в родительском DOM. При перетаскивании через iframe цели Drop iframe кажутся очень странными.

Вот и пример страницы: http://codefinger.co.nz/projects/fpx/mod/project/dd_test_1.html

В нем довольно четко описывается, что происходит - есть два набора узлов, на которые можно перетащить перетаскивания - один набор (слева) в iframe, другой набор (справа) в div в родительском DOM. Материал в родительском DOM работает нормально, естественно, материал в iframe демонстрирует странное позиционирование. Чтобы увидеть странность позиционирования - перетащите один из элементов списка «виджетов» поверх ... списка элементов списка виджетов: P Вы увидите подсветку узлов iframe, а когда вы уроните виджет - содержимое узла iframe установлено, как и предполагалось.

Bizarre.

Итак, этот вопрос теперь должен быть:

Что я сделал не так, чтобы эти Узлы в iframe располагались таким образом? Это то, что узлы каким-то образом клонируются в родительский DOM в качестве прокси-сервера или что-то еще?

...