2012-05-04 2 views
0

У меня есть простой jsfiddle, который не будет падать на droppable DIV, но упадет на текстовое поле, которое не будет установлено как droppable.JQuery droppable wont drop in div

Может ли кто-нибудь сказать, почему перетаскиваемый не упадет в DIV и почему он упадет в текстовое поле?

попытались использовать разные селекторы, отметили, что .Data ('droppable') является истинным на DIV (это так) и пробовал обо всем, что я мог найти по вопросам с droppable DIVs ... увы, безрезультатно.

+0

я не могу получить что-нибудь, чтобы перетащить в вашем jsFiddle. – j08691

+0

Сначала выберите «новый текст», затем перетащите. – user1375766

+0

Ну да, но вы можете сделать это без перетаскиваемого виджета jQuery. – j08691

ответ

1

Использование .draggable() непосредственно на входах нецелесообразно, так как это приведет к тому, что поля станут недоступными для редактирования. Я бы рекомендовал обернуть ваши входы в <span> или <div> и добавить .draggable() к тем instad.

Вот ваш код обновлен в качестве примера - http://jsfiddle.net/jaredhoyt/FNe6t/1/

+0

Послушайте, но не решите проблему; все еще не падает в div – user1375766

+0

Тогда я, должно быть, неправильно понял ваш вопрос. Пример, который я вам предоставил, позволяет вам захватить диапазон, окружающий вход, и отбросить его на div, который предупреждает «упал!». – jaredhoyt

+0

Да, конечно, вы правы ... Я все еще подчеркивал текст и пытался перетащить. Как только я схватил пролет, он сработал. Ваше сообщение в сочетании с вашим комментарием выше поставил меня прямо; динамически добавлял элементы li в список, но не мог их отбросить, поскольку я прикрепил перетаскиваемый к «li» на загрузку страницы, а не во время динамического добавления его ... спасибо – user1375766

Смежные вопросы