Jquery 在锁定的可排序层上编辑文本字段？

我想

编辑每个排序表上的文本字段

防止拖动某些可排序层

为了防止拖动（#2），我遵循以下步骤：

但是，现在无法再编辑该不可排序层上的文本字段

下面是该问题的演示：

以下是相关代码： HTML:

---

嗯，我不确定问题的确切原因，但这里有一个解决方案

您可以添加一个句柄，用于在排序表中拖动元素

另外，如果您已经看到，当您指定cancel属性时，它实际上不是被禁用的

.notme

输入文本，而是被禁用的其他输入

.js

.html

分拣手柄
不是我

分拣手柄

$( ".selector" ).sortable({ cancel: ".donotmoveme" });

<div class="sortable">
    <div class='donotmoveme'>
        <input type="text">
    </div>
    <div>
        <input type="text">
    </div>
</div>

$( ".sortable" ).sortable({
    'cancel':'.donotmoveme'
});

$( ".sortable" ).sortable({
        cancel:'.notme',
    handle:".sort"
});

<div class="sortable">
    <div>
        <input type="text">
            <span class="sort">sort handle</span>
    </div>
    <div class="notme">
        <p>not me</p>

        <input type="text">
            <span class="sort">sort handle</span>
    </div>
</div>