Jquery Ui可排序塊X可編輯

Question

我正在使用我的表sortable插件和x-editable。 我可以拖放行和x可編輯我可以編輯單元格內容。

我的排序電話：

$('.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編輯（根據小提琴）：

$('#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()方法。