Cách kiểm tra xem danh sách có thể sắp xếp được không?

Question

Cách kiểm tra xem một danh sách cụ thể có thể sắp xếp được không? Giống như $('#list').is(':sortable') ...?

Nếu chúng ta sẽ sử dụng

if ($('#list').sortable()) 

sau đó danh sách sẽ được thực hiện sắp xếp được một lần nữa và không kiểm tra nếu thực sự nó là sắp xếp.

Answer 1

Nếu danh sách đã được sắp xếp, thì danh sách phải có lớp ui-sortable.

Bạn có thể sử dụng if ($('#list').hasClass('ui-sortable')) để kiểm tra.

Answer 2

Khi áp dụng phân loại, chỉ cần thêm một lớp giả để mà yếu tố như thế này,

$("#sortable").sortable(); 
$("#sortable").addClass("antguider"); 

sau đó, Nếu bạn muốn kiểm tra phần tử là sắp xếp được thì kiểm tra như thế này,

if($("#sortable").hasClass("antguider")){ 
    alert("Already Sort Applied"); 
} 

Answer 3

tôi vừa phát hiện ra, với giao diện dữ liệu, nó cũng đang hoạt động:

if ($('#sortable').data('sortable')) { 
    // sortable instance exists 
} 

Answer 4

Tôi tìm thấy trong Safari (có thể khác) t các lớp học của anh ấy không đáng tin cậy. 'ui-sortable' vẫn còn trên bất kỳ mục nào đã được thực hiện có thể sắp xếp ngay cả khi bạn vô hiệu hóa nó, điều này dẫn đến việc sử dụng cả hai loại 'ui-sortable ui-sortable-disabled'.

Tôi thấy mình tự thêm và xóa các lớp học chỉ để đảm bảo chúng giống như tôi mong đợi.

if ($(this).hasClass("ui-sortable")) { 
    $(this).removeClass("ui-sortable"); 
    $(this).sortable({ disabled: true }); 
} 
else { 
    $(this).addClass("ui-sortable"); 
    $(this).sortable({ disabled: false }); 
} 

- EDIT

Ok, vì vậy các lớp học là đáng tin cậy nhưng những gì tôi là sau khi không phải là người khuyết tật mà là .sortable ("phá hủy") trả về các yếu tố để nó nhà nước trước khi khởi động (ví dụ: loại bỏ tất cả các lớp trợ giúp).

Vì vậy, cho chuyển đổi sắp xếp được tôi (đó là những gì tôi đã tạo ra):

if ($(this).hasClass("ui-sortable")) $(this).sortable("destroy"); 
else $(this).sortable(); 

Answer 5

Có một sự thay đổi trong jQuery Version sau năm 2012, vì vậy bây giờ bạn có thể viết:

if ($('#sortable').data('ui-sortable')) { 
    // sortable instance exists 
} 

hoặc

if ($('#sortable').is(':ui-sortable')) { 
    // sortable instance exists 
}