JQuery와 UI :하여 입력 필드에 입력 할 수없는 I는 더이상 구현 <code>sortable</code><code>cancel</code> 방법의 후 데이터 입력을위한 입력 필드 <strong></strong>를 사용할 수

Question

취소 방법.

$(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(); 
    } 
}); 

기본적으로 위의 경우 클릭이 감지됩니다. 이벤트가 계속 발생하므로 마우스를 클릭하고 마우스 오른쪽 버튼을 클릭하여 3 중 어떤 것을 선언하십시오. 왜냐하면 어떤 이유로 마우스 오른쪽 버튼을 클릭했기 때문입니다. 그런 다음 우리가 트리거하는 mousedown에서 오른쪽 클릭인지 감지하고, 그렇다면 요소를 집중시킵니다.

Answer 2

좋은 해결책은 handle 옵션을 설정하는 것입니다. LI 내에 input 상단에없는 추가 요소를 만들어야합니다. 이 요소는 끌기 핸들 역할을합니다