içerisinde sıralama öğe

Question

Kesinlikle ortak sıralanabilir vaka arasında sürükleyerek İptal:

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

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

Sorun. bazı şartla bir öğenin süremeyi iptal etmek gerekiyor ve Andrew Whitaker iyi bir tavsiye var, ama bu yaklaşım sortables için jquery-ui-sürüklenebilir için tek çalışan ve başarısız:

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

öneriler için greateful olacak.

Answer 1

sort fonksiyonu geri sürüklenebilir (demo) sürükle olarak sıralama için aynı işi yapar:

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

Answer 2

sıralanabilir bir "iptal" yeteneği sortable('cancel') kullanılarak çağrılır sahiptir.

Dokümanlar: "Geçerli sıralamasında bir değişikliği iptal eder ve geçerli sıralama başlatılmadan önce duruma geri döndürür." Bakınız http://api.jqueryui.com/sortable/#method-cancel.

Örnek kullanım:

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

Answer 3

dinamik sıralanamayan şeyler yapmak için büyük eserler anlaşılacağı falsefudgey olarak dönersek, aynı zamanda siz de statik unsortables kurmak sağlayan sıralanabilir yapılandırmasında cancel option var:

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

Answer 4

deneyin this example

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

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