Question

我想

编辑每个可排序的文本字段;
防止某些可排序的图层被拖动。

为了防止拖动（＃2），我按照instructions from the api：

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

但是，现在无法再编辑该不可移动图层上的文本字段了。

以下是该问题的演示：

http://jsfiddle.net/D6yzf/

以下是相关代码： HTML：

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

JS：

$( ".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>

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

1 个答案: