在锁定的可排序层上编辑textfield？

Question

我想

1. 在每个可排序的地方编辑一个文本字段；
2. 防止一些可排序的层被拖动。

为了防止拖动(#2)，我遵循api的说明

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

但是，现在那个不可排序层上的textfield不能再编辑了。

下面是这个问题的演示：

http://jsfiddle.net/D6yzf/

下面是相关代码: HTML：

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

联署材料：

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

Answer 1

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

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

另外，如果您已经看到，当您指定cancel属性时，它实际上不是被禁用的.notme输入文本，而是被禁用的另一个输入。

.js

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

.html

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