javascript - 一次对 div 进行排序和编辑问题

Question

我的脚本中有一个问题是，当我对 div 使用可排序时，输入文本框不可编辑。

拖放后，我的代码中有拖放功能，div 必须是可排序的，输入必须是可编辑的以供进一步使用。我希望这两个功能在我使用以下方法时同时运行，但它不起作用

这是我的代码

$(".workArea").sortable();
$('.workArea').sortable({handle: 'div'}).disableSelection();
$(".workArea").sortable("option", "appendTo", 'body' );
$(".workArea").sortable("option", "cancel", ':input');

提前致谢

Answer 1

$('.workArea').sortable({handle: 'div'});
$('.workArea div').disableSelection();

Answer 2

$('.workArea').sortable()

TRy above code

Answer 3

尝试这个：

   $(".workArea").sortable("option", "cancel", ':input','.contenteditable');

或者

  $(".workArea").sortable({cancel: ':input,button,.contenteditable'});

两者都像魅力一样！