jquery ui sortable：无法使用取消方法输入输入字段

Question

在实现sortable 的cancel 方法后，我不能再使用输入字段输入数据了。

$(function() {
            $( ".sortable" ).sortable({
                connectWith: ".connected-sortable",
                cancel: ".not-sortable",
                update: function(){

                // php update...
                }
            });
});​

所有输入字段都可以正常工作没有 cancel，知道如何解决这个问题吗？还是我在html代码中犯了一些错误等？

这里是测试页 -

jsfiddle

Answer 1

这真的很奇怪，而且可能有点痛苦。

我想出了一个解决方法，但它不是最干净的。

$('input').on('click', function(e) {
    $(this).trigger({
        type: 'mousedown',
        which: 3
    });
});

$('input').on('mousedown', function(e) {
    if(e.which == 3){
        $(this).focus();   
    }
});

基本上，在上面，我们检测到点击。该事件仍然触发，所以我们触发 mousedown 并声明 3 中的哪一个，这是右键单击，因为由于某种原因右键单击有效。然后在我们触发的 mousedown 中，我们检测是否是右键单击，如果是，我们将聚焦元素。

Answer 2

一个好的解决方案是设置handle 选项。将要求您在LI 中创建一个不在input 之上的额外元素。该元素将充当拖动手柄