Проблема с JQuery

#jquery #jquery_ui

                    
Пользуюсь библиотекой jqery-ui, и при разработке появилась проблема того, что на
один draggable-элемент могут реагировать сразу 2 droppable-элемента. Мне нужно чтобы
мог реагировать только один. При этом у draggable-элемента задан tolerance: 'touch'.
Схематично проблему я попытался изобразить на картинке:

    

Ответы

Ответ 1

В общем, ждать ответ на свой комментарий у меня нет сегодня времени, поэтому я наугад
смодулировал ситуацию. Посмотрите рабочий пример и если поможет, то плиззз ))
Draggable

    
Droppable
    
Droppable
    
Droppable
    
Droppable
    
Droppable


-
#drop_list {
    width: 145px;
}
#drop_list li, #drag_el {
    padding: 15px 35px;
    border: 1px solid #900;
    margin: 2px;
}
#drag_el {
    float: right;
    background: #FF0;
}
.red {
    background: #F00;
    color: #FFF;
}
.green {
    background: #0F0;
    color: #FFF;
}

-
$('#drag_el').draggable({cursor: 'move'});
$('#drop_list li').droppable({
    hoverClass: 'green',
    drop: function() {
        $(this).addClass('red');
        $('#drop_list li').not(this).removeClass('red');
    }
});