jQuery可拖动对象内的表单输入是不可编辑的

Question

我正在尝试将一个表单放在一个元素中，jQuery sortable处于活动状态。有一个DIV元素，它是可移动的（使用jQuery可排序），一个IMG元素，用作处理器，用于输入内部输入的DIV和FORM元素。 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

我做了一个解决方法。因为我正在使用ajax来加载和发送表单，所以当表单（所有els都可以排序）被加载时，我只是不运行代码来使事情可以排序，然后当它被发送时我再次对它进行排序。不是解决方案，而是为我做好了工作。

Answer 4

试试这个：

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