为什么使用jquery sortable会阻止contentEditable attr

Question

使用jquery sortable非常干净。但是，当我尝试使内容可编辑时，它将无法正常工作。禁用sortable会向我显示我的

$(function() {
    $( ".ce" ).attr("contentEditable",true);
  });

确实有效。为什么忽略此属性，如何防止此行为？

http://jsbin.com/alExeVO/1/

Answer 1

.disableSelection();已经超越了那个满足的人。

可以使用handle的{​​{1}}选项，这样您就可以在元素内编辑而不初始化dragstart，除非光标位于sortable

中指定的后代之上

handle

的 DEMO

Answer 2

您必须通过sorting选项关闭该span元素的.ce元素cancel，以使其可编辑。请在此阅读further reference。

$(function() {

    $( "#sortable" ).sortable({cancel: '.ce'});
    $( ".ce" ).attr("contentEditable",true);

  });

Working DEMO