jQuery UI sortable＆contenteditable = true不能一起工作

我正在创建一个列表，并希望使其项目可排序和可编辑。 所以我这样做：

 
A
 
B
 
C
 
 $("#ul_list").sortable(); 

http://jsfiddle.net/7jzVa/

但是，如果我使用jquery ui sortable，那么我的列表项目正在失去编辑的焦点，这就是为什么我无法编辑它们。

所以请建议我该怎么做？

Answer 1

最后我这样做了;

1. 在mousedown事件中，我应用了sortable（），以便用户可以通过拖动来对元素进行排序，

2. 点击后我销毁了sortable .sortable（“destroy”）。 所以现在元素是可编辑的。

Answer 2

我们可以使用jquery sortable提供的cancel选项

 $("#ul_list").sortable({cancel: 'span'}); 

 #ul_list li{ border:1px solid red; list-style-type:none; } 

 
 
A
 
B
 
C
  

Answer 3

我也有同样的问题，我通过以下代码修复：

 $('#ul_list').on("mousedown",function(){ $("#ul_list").sortable(); });