Конфликт перетаскивания и редактирования содержимого пользовательского интерфейса Jquery ⇐ Jquery

[Anonymous]

Я обнаружил, что событие перетаскивания jquery ui и contenteditable="true" конфликтуют. Я имею в виду, что его всегда можно перетаскивать, и вы не можете выбрать текст для редактирования.
Поэтому я пишу код:

Код: Выделить всё

  $('.custom_element').draggable(
{

drag: function(event, ui) {

},
beforeStart: function () {

if ($('.controls-handle').css('display') === 'none') {
// Allow dragging from any part of the element
$(this).draggable("option", "cancel", false);
} else {
// Use cancel option to prevent dragging when interacting with contenteditable elements
$(this).draggable("option", "cancel", "h1, h1 *");
}
},

но он не работает должным образом... Я имею в виду, что он работает в первый раз, но после этого он не принимает событие beforeSTart... его нельзя перетаскивать, и отображение дескриптора управления не работает не вношу никаких изменений...
Что я хочу сделать, если пользователь нажмет на div .custom_element, а затем использовать опцию отмены, но после того, как div снова потеряет фокус, чтобы его можно было перетаскивать (чтобы не использовать вариант отмены )

Подробнее здесь: https://stackoverflow.com/questions/788 ... e-conflict