Question

我使用jQuery嵌套排序plugin，但我希望能够通过editablecontent =＆＃39; true＆＃39;来编辑每个列表项的文本。属性。

但是，当我尝试这样做时，我无法修改任何列表项的文本。我认为这是因为整个列表项目被用作可拖动的部分（而不仅仅是子弹 - 这是我喜欢的）。有没有办法做到这一点？

<script>
$('.sortable').nestedSortable({
        handle: 'div',
        items: 'li',
        listType: 'ul',
        isTree: true,
        toleranceElement: '> div'
    });});
</script>

<html>
<ul class="sortable">
<li><div>Some content</div></li>
<li>
    <div>Some content</div>
    <ul>
        <li><div contentEditable='true'>Some sub-item content</div></li>
        <li><div contentEditable='true'>Some sub-item content</div></li>
    </ul>
</li>
<li><div>Some content</div></li>

Answer 1

您使用的插件似乎正在抑制此事件。

一种可能的解决方法是在点击元素时以编程方式触发元素上的focus事件：

Updated Example

$('[contentEditable="true"]').on('click', function () {
    this.focus();
});

jQuery嵌套可排序的可编辑列表项

1 个答案: