contenteditable span 在 .sortable 中不起作用<li>，但在 <li> - Firefox 之外工作

Question

使用firefox, contenteditable="true"似乎不能在使用.sortable ui插件可排序的文本中工作。

Html:

<p id="hello" contenteditable="true">this is editable</p>
<ul>
  <li><span contenteditable="true">this is not</span></li>
  <li><span contenteditable="true">neither is this</span></li>      
</ul>

Js:

$("ul").sortable();

您可以编辑第一个<p>，但不能编辑<li>中的任何<span>。这是在Firefox中。

任何想法?

所有这些代码也在这里:http://jsbin.com/onosir/2/edit

Answer 1

span中的内容可以被编辑，一旦他们得到焦点。可能是sortable的mousedown方法不允许span获得焦点。对于这些情况，请尝试使用句柄。