JQuery UI сбрасываемый и сортируемый не работает?

Question

Я искал вокруг и не мог найти решение этой проблемы.

Я пытаюсь интегрировать jqueryUI сортируемое и перетаскиваемое, но я не могу заставить его работать.

У меня есть ОЧЕНЬ базовая демонстрация здесь.Я попытался свести его к возможной реализации SIMPLEST, поскольку все остальные примеры, которые я нашел в SO, были довольно сложными.

http://jsfiddle.net/e4Z8N/7/

Кто-нибудь знает, почему этот базовый пример победилне работает?

РЕДАКТИРОВАТЬ: я понял, что это класс CSS, который нарушает все это.Если вы уберете класс CSS, он будет работать нормально.Рабочая версия без CSS-класса http://jsfiddle.net/e4Z8N/17/ Кто-нибудь знает, почему он так себя ведет?

Answer 1

Измените допуск на более подходящее значение.По умолчанию это пересечение.

• посадка: перетаскивание полностью перекрывает перетаскиваемое
• пересечение: перетаскивание перекрывает перетаскивание минимум на 50%
• указатель: указатель мыши перекрывает перетаскивание
• прикосновение: перетаскивание накладывается на любое значение

«прикосновение», кажется, работает.Вы можете попробовать другие.

$(function () {
    $('#trash_bin').droppable({
        tolerance: 'touch',
        drop : function() {
            alert('delete!')
        }
    });
    $('#trash').sortable()
});