jQuery UI可排序& contenteditable = true不合作 [英] jQuery UI sortable & contenteditable=true not working together

问题描述

我正在创建一个列表&想让它的项目可排序和可编辑。所以我这样做：

I am creating a list & want to make its item sortable and editable. So i am doing it like this:

<ul id="ul_list">
<li><span contenteditable="true">A</span></li>
<li><span contenteditable="true">B</span></li>
<li><span contenteditable="true">C</span></li>
</ul>

$("#ul_list").sortable();

http://jsfiddle.net/7jzVa/

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

But if i use jquery ui sortable then my list item is losing focus for editing and that's why i am not able to edit them.

所以请建议我该怎么做？

So please suggest how can i do this?

推荐答案

最后我这样做了;

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

1. On mousedown event i applied the sortable() so that user can sort elements by dragging them,

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

On click i destroyed the sortable .sortable("destroy"). So now the elements are editable.

这篇关于jQuery UI可排序& contenteditable = true不合作的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！