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 편집 가능한 부분을 차단하는 것으로 보입니다. 나는 그런 식으로 뭔가를 시도 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() 방법을 적용하고 있기 때문입니다.