Wie kann ich die Sortierung mit jQueryUI deaktivieren?

Question

Ich habe jQueryUI sortierbare Liste implementiert und es funktioniert wirklich nett. Zu einem bestimmten Zeitpunkt möchte ich die weitere Sortierung deaktivieren und die Reihenfolge der Elemente beibehalten, ohne dass der Benutzer sie ändern kann.

Es versucht, etwas dieses:

$('.sortable').sortable('disable'); 

und diese:

$('.sortable').each(function() { $(this).sortable('disable'); }); 

und:

$('.sortable').disable(); 

und:

$('.sortable').cancel(); 

und verschiedene Kombinationen von allem. Alles ohne Erfolg.

Kann jemand sagen ne Der richtige Weg ™ es zu tun?

Update: Ich benutze jQuery 1.3.2 und jQueryUI 1.7.2. Ein mögliches Problem könnte sein, dass ich zwei unabhängige sortierbare Listen auf der Seite habe, also habe ich sortable1 und sortierbar2 Klassen. Ich mache eigentlich:

$('.sortable2').sortable('disable'); 

Update2: das Problem mich anstelle von #sortable mit .sortable. Alles funktioniert jetzt gut.

Answer 1

Der erste Weg ist das Beispiel in der documentation gegeben. Ich habe es gerade mit einem meiner eigenen Projekte getestet und es funktioniert gut. Welche Versionen von jQuery und jQuery UI verwenden Sie? Ich habe 1.3.2 bzw. 1.7.2.

Answer 2

$(ui.sender).sortable("disable") 

Answer 3

$(".selector").sortable("disable");

von http://api.jqueryui.com/sortable/#option-disabled

Answer 4

war ich in den Prozess der Fehlersuche:

1. Klick sortierbar
2. Finish (sortierbar deaktivieren)
3. Klick zu machen zu machen wieder sortierbar funktionierte nicht
4. Lösung/Abhilfe: set deaktiviert Option auf false explizit

http://plnkr.co/edit/uX6cNNiYoejYqwQicEhg?p=preview

function sortableEnable() { 
    $("#sortable").sortable(); 
    $("#sortable").sortable("option", "disabled", false); 
    // ^^^ this is required otherwise re-enabling sortable will not work! 
    $("#sortable").disableSelection(); 
    return false; 
    } 
    function sortableDisable() { 
    $("#sortable").sortable("disable"); 
    return false; 
    } 

Hoffnung, das hilft.

Answer 5

Dank Michal

Ich habe eine Version für Listen, die entweder sortierbar oder bearbeitet werden können.

Sehr nützlich für mich mindestens!

Answer 6

Während die vorgeschlagenen Beiträge vor mir nützlich waren, lösten sie nicht, was ich versuchte zu erreichen. Ich wollte sortierbar über mehrere Bereiche ein- und ausschalten und die Möglichkeit hinzufügen, Inhalte wieder auswählbar zu machen. Hier

ist der Code, den ich verwendet:

function AddSortable() { 

    $("ul").sortable({ 
     connectWith: "ul", 
     disabled: false 
    }).disableSelection(); 

    return false; 
}; 

function RemoveSortable(){ 

    $("ul").sortable({ 
     disabled: true 
    }).enableSelection(); 

    $("li").attr("contentEditable","true"); 

    return false; 
} 

Answer 7

Um sortable() zu deaktivieren können Sie verwenden

$(".sortable").sortable("disable");

Zum Umschalten aktivieren/deaktivieren auf dem Klick auf eine Schaltfläche mit der ID toggleButton

$('#toggleButton').click(function() { 
    //check if sortable() is enabled and change and change state accordingly 
    // Getter 
    var disabled = $(".sortable").sortable("option", "disabled"); 
    if (disabled) { 
    $(".sortable").sortable("enable"); 
    } 
    else { 
    $(".sortable").sortable("disable"); 
    } 
});