2015-02-17 4 views
0

Это в основном Followup вопрос к этому, так как это не рекомендуется задавать дополнительные вопросы в комментариях: Draggable revert if outside this div and inside of other draggables (using both invalid and valid revert options)JQuery UI Draggable вернуться с помощником

Это решение работает довольно хорошо, хотя мой случай использования не совсем тоже самое. Есть только одна маленькая визуальная вещь, которая меня беспокоит. У меня довольно большие перетаскиваемые объекты, поэтому я использую для этого помощник. Независимо от того, действительно ли капля действительна или нет, помощник по-прежнему имеет обратную анимацию: Если это неверное падение, помощник перемещается в исходное положение до того, как оно исчезнет, ​​что отлично. Но если это допустимое падение, оно делает то же самое, в то время как оригинал переходит в действительное положение. Любые идеи, как я мог это предотвратить.

Вот короткий отрывок из определения помощника:

helper: function() { 
    var jqThis = jQuery(this); 
    var helper = jQuery('<div class="helper"/>'); 
    helper.text(jqThis.text().substr(0, 100)); 
    helper.css('width', jqThis.css('width')); 
    return helper; 
} 

ответ

0

Я просто понял это: я должен установить параметр обратно «недействительны», если он является допустимым падением.

if (invalidDrop) { 
    drag.draggable('option','revert',true); 
} else { 
    drag.draggable('option','revert','invalid'); 
}