Входные данные формы внутри перетаскиваемых объектов jQuery недоступны для редактирования

Question

Я пытаюсь поместить форму внутри элемента, на котором активна сортировка jQuery.Есть элемент DIV, который является подвижным (с возможностью сортировки jQuery), элемент IMG, который используется в качестве обработчика для перемещения элемента DIV и FORM с входными данными внутри.Оба ФОРМА и IMG находятся внутри DIV.Проблема в том, что входы внутри формы не могут быть отредактированы .Когда я отключаю сортировку, она работает нормально.

Я делаю что-то не так или это ошибка?Есть ли способ это исправить?

Спасибо, любезно

Answer 1

У меня была такая же проблема.Я получил сортируемый код с веб-сайта jquery-ui, и в нем была следующая строка кода jquery:

$( "#sortable" ).disableSelection();

Как только я это закомментировал, я снова смог редактировать свои формы.Это может работать для вас.Я уверен, что это вызовет у меня другие головные боли (

Answer 2

Решение этого заключается в том, чтобы просто связать обработчик щелчка с элементами формы после сортируемого вызова, а затем в обработчике события установить фокус на «this», например:

jQuery('.sortable-list input[type=text]').click(function(){ jQuery(this).focus(); });

Answer 3

Попробуйте это:

//For disable
$("input, select, textarea").bind('mousedown.ui-disableSelection selectstart.ui-disableSelection', function(e){
    e.stopImmediatePropagation();
});

Answer 4

Я сделал обходной путь.Поскольку я использую ajax для загрузки и отправки формы, я просто не запускаю код, чтобы сделать вещи сортируемыми при загрузке формы (с возможностью сортировки всех файлов), затем, когда она отправляется, я делаю ее снова сортируемой.Не решение, но сделало работу за меня.