Как сделать чтобы событие Droppable не повторялось родительском элементе(ах)?

Question

[utyfua]

Добрый вечер.
Есть

<div class="to_me">
<span class="me">меня <span class="to_me">место</span> и <span class="to_me">место</span></span>
<span class="me">меня <span class="to_me">место</span> и <span class="to_me">место</span></span>
<span class="me">меня <span class="to_me">место</span> и <span class="to_me">место</span></span>
<span class="me">меня <span class="to_me">место</span> и <span class="to_me">место</span></span>
</div>

в "to_me" можно вставлять "me" но если сделать это более глубже по ветке DOM то событие $(".to_me").droppable({drop:func}) рекурсивно идет по родителях.
к тому же подсветка неправильная идет из за этого $(".to_me").droppable({hoverClass:"to_me_2"})
Как можно решить проблему?

Answer 1

[Дмитрий]

Если вы юзаете jqueryui, то попробуйте свойство greedy api.jqueryui.com/droppable/#option-greedy

Comments

[utyfua]

заработало. но вот еще вопрос: to_me у меня по размерам меньше чем me. событие droppable работает по центру me. а для удобства нужно чтобы эта зона была под мышкой. как сделать?

[Дмитрий]

utyfua: опция tolerance, там в апи все свойства описаны - почитайте ;)

[utyfua]

Дмитрий: спасибо.
такого точно там не будет: как сделать так, чтобы в одно "место" можно было ставить лишь один элемент? менять class на другой и опять попринимать $(".to_me").droppable() и $(".me").draggable() ?хотя может не сработать - не перезапишем событие в элементе класс которого сменили? как лучше?

Answer 2

[Анатолий]

$('span.to_me') может так поможет избавиться от родителя

Comments

[utyfua]

$("span.to_me").droppable сделать?

[utyfua]

я понял к чему был ответ направлен - может все очень глубоко зайти. Но Ваш ответ немного повышает функциональность кода..

[Анатолий]

utyfua: да, родитель будет исключен, так как он див

[utyfua]

Анатолий: выше посмотрите мой комментарий. к тому же он тоже должен иметь такие свойства.

[Анатолий]

utyfua: я понял, у вас получается вложенность может быть больше чем 2 уровня, в идеале тогда нужно отделять каждый блок друг от друга, и сколько вложеностей, столько и .droppable вызовов делать для каждой группы

[utyfua]

Анатолий: ответ нашелся...

Answer 3

[Dark Hole]

Event.preventDefaults();

Comments

[utyfua]

и что это даст?

[Dark Hole]

utyfua: заморозит распространение события. Ну есть еще другие.

[utyfua]

Dark Hole: аа... но уже решение найдено.

[Dark Hole]

utyfua: ну... мое, между прочим, проще. И учите JS.