Draggable Div с текстовой области в нем.Перетащить проблему

Question

У меня есть div с текстовой областью.Основной div перетаскивается и работает нормально, но я не могу перетащить div при нажатии на текстовую область в нем.Есть ли способ перетащить div, даже если я перетаскиваю его из текстовой области в div?

Вот как я могу сделать мой div перетаскиваемым

$('.speech_bubble').draggable(
{
      containment: $('#dropHere')

});

Спасибо

Answer 1

Это связано с возможностью отмены перетаскивания. По умолчанию это:: input, option, это означает, что запуск перетаскивания из текстовой области будет отменен. Попробуйте поиграть с этой опцией.

Answer 2

Попробуйте добавить следующие стили:

div {
    padding-bottom:20px;
}

textarea {
    width:100%;
    height:100%
}

Затем вы можете перетащить textarea при перетаскивании на нижнюю сторону тега div.

Answer 3

Я знаю, что это очень старый вопрос, но я подумал, что было бы лучше ответить на точный вопрос, над которым я только что работал (т.е. вместо создания нового). Ответ относится к решению Диосласки об очистке атрибута отмены путем добавления одного дополнительного вызова .focus () к предполагаемой области текста в вашем обработчике событий (скажем, щелчок). Я использовал двойной щелчок в своем решении, чтобы отличить его от простого перемещения объекта.

Для выбора:

В настоящее время похоже, что есть ошибка (http://bugs.jqueryui.com/ticket/4986). Для обходного пути, в обработчике событий отключите перетаскиваемый объект с помощью команды destroy, а в функции blur () (или другом отключающем обработчике событий) воссоздайте перетаскиваемый объект.

Answer 4

Вы можете попытаться создать экран (Invisible div) поверх текстовой области, используя событие onmouseover, а затем определить, хочет ли пользователь редактировать текст, удалив экран с помощью события двойного щелчка.