contentedable span在.sortable <li>中不起作用，但在<li>之外<li> - firefox </li>

Question

使用firefox，contenteditable =“true”似乎不适用于使用.sortable ui插件可排序的li。

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>中的第一个<span>，但不能编辑任何<li>。这是在Firefox中。它适用于Chrome。

有什么想法吗？

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

Answer 1

一旦获得焦点，就可以编辑跨度中的内容。它可能是可排序的mousedown方法，不允许跨度获得焦点。尝试使用句柄来处理这些情况。