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

Question

我想

1. 编辑每一个排序文本框;
2. 防止拖动某些可排序的图层。

为了防止拖（＃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

您可以添加将用于拖动可排序元素内部元素的句柄。

另外，如果你已经看到，当您指定的取消属性它实际上不是.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>