는 정렬 항목

Question

절대적 공통 정렬 경우 드래깅 취소

<script> 
$(function() { 
    $("#sortable").sortable(); 
}); 
</script> 

<ul id="sortable"> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
</ul> 

문제.은 어떤 조건의 항목의 드래그를 취소 할 필요 Andrew Whitaker의 좋은 충고가있다, 그러나 그 접근 방식은 sortables에 대한 JQuery와 - UI - 드래그 만 노력하고 실패 :

$("#sortable").sortable({ 
    start: function() { 
    return false; // will still cause `this.helper is null` 
    } 
}); 

는 제안을 greateful됩니다.

Answer 1

sort 기능 콜백 드래그 (demo)에 대한 드래그 등의 종류에 대해 동일한 작업을 수행합니다

$("#sortable").sortable({ 
    sort: function() { 
     if ($(this).hasClass("cancel")) { 
      $(this).sortable("cancel"); 
     } 
    } 
}); 

Answer 2

정렬 가능한은 "취소"기능이 sortable('cancel')를 사용하여 호출이 있습니다.

docs에서 : "현재 정렬의 변경을 취소하고 현재 정렬이 시작되기 전의 상태로 되돌립니다." http://api.jqueryui.com/sortable/#method-cancel을 참조하십시오.

사용 예제 :

$("#sortable").sortable({ 
    stop: function(e, ui) { 
    if ("I need to cancel this") { 
     $(ui.sender).sortable('cancel'); 
    } 
    } 
}); 

Answer 3

동적 unsortable 물건을 만들기위한 좋은 작품을 제안 falsefudgey로 돌아뿐만 아니라, 당신은뿐만 아니라 정적 unsortables을 설정 할 수있는 정렬 설정에 cancel option있다 :

$("#sortable").sortable({ 
    // this prevents all buttons, form fields, and elemens 
    // with the "unsortable" class from being dragged 
    cancel: ":input, button, .unsortable" 
}); 

Answer 4

시도 this example

 
$('#list1').sortable({ 
    connectWith: 'ul' 
});  

$('#list2').sortable({ 
    connectWith: 'ul', 
    receive: function(ev, ui) { 
     if(ui.item.hasClass("number")) 
      ui.sender.sortable("cancel"); 
    } 
});