Jquery Ui Sortable blocks X-editable

Question

我正在为我的表使用sortable 插件和x-editable。 我可以拖放行并使用 x-editable 我可以编辑单元格内容。

我的可排序调用：

$('.table-schichtplan tbody').sortable({
   cancel : ".table-schichtplan-section,.table-schichtplan-break,.table-schichtplan-shift",
   refreshPositions: true,
   scroll: true,
   containment: 'parent',
   placeholder: 'ui-state-highlight',
}).disableSelection();​

x-editable（根据小提琴）：

$('#username').editable({
   type: 'text',
   url: '/post',    
   pk: 1,    
   title: 'Enter username',
   ajaxOptions: {
       type: 'put'
   }        
});

所以我点击#username 并出现编辑弹出窗口。但是我无法用鼠标选择文本，甚至无法用鼠标在输入字段中设置光标位置。 只有当我删除它可以工作的可排序部分时。 似乎可排序插件阻止了 x-editable 的某些部分。

看到这个小提琴：http://jsfiddle.net/xBB5x/49/

我尝试过类似的方法：

$('.editable-cell').on('shown', function() {
    $('.table-schichtplan tbody').sortable('disable');
});

$('.editable-cell').on('hidden', function() {  
   $('.table-schichtplan tbody').sortable('enable');
});

但它不起作用。

Answer 1

这是因为您正在应用disableSelection() 方法。