jQuery嵌套可編輯列表項排序

我正在使用jQuery嵌套可排序plugin，但我希望能夠通過editablecontent ='true'屬性編輯每個列表項的文本。jQuery嵌套可編輯列表項排序

當我嘗試這一點，但是，我不能修改任何列表項的文本。我認爲這是因爲整個列表項目被用作可拖動的部分（而不僅僅是子彈 - 這是我想要的）。有沒有辦法做到這一點？

<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>

來源

2015-12-27 skunkwerk

好像你正在使用被抑制的情況下的插件。點擊它的時候

一個可能的解決辦法是在元素上編程觸發事件focus：

Updated Example

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

來源

2015-12-27 03:45:08

jQuery嵌套可編輯列表項排序

回答

相關問題