Mam element listy sortowalnej interfejsu użytkownika jQuery, który jest wypełniany dynamicznie z żądania Ajax.

Obecnie trwa przepływ pracy

Kliknięcia przycisku użytkownika, lista jest wypełniona i posortowana według określonych ustawień.Użytkownik klika inny przycisk,Istniejąca lista<li> elementy są wymazywane przezjQuery.empty() połączenieNowe wartości danych są wstawiane do nowych<li> lista elementów i dołączone do nich<ul> listaSortowalna lista jest odświeżana przez $ ("# sortable"). Sortable ("refresh");

Podany obiekt listy Sortable$("#avail_list").sortable( ... );, Chcę mieć określone elementy listy ”draggable właściwość wyłączona i krycie ustawione na 0,5 w oparciu o istniejące wartości w innych elementach.

Aby to zrobić, mam następującą funkcję:

var disabled = [];
var appendString = ""
if (avail.length > 0) {
  for (var i = 0; i < avail.length; i++) {

    //check if current list element exists in existing value list. True results
    //in grayed out and non-draggable element
    compareMatch = checkMatch(avail[i], compare);

    if (compareMatch)
      disabled.push(list + "open_" + avail[i].id);


    appendString += "<li id = "+ list + "open_" + avail[i].id + 
      " class = 'avail_list_element'><img class = 'logo' src = /static/images/vendor_logo/" + avail[i].icon + " /></li>"
  }

  $("#avail_list").append(appendString);

} 

$("#avail_list").sortable("refresh");   

if (disabled.length > 0)
    disableDraggable(disabled);

function disableDraggable(elements){
  for (var i = 0; i < elements.length; i++) {
    console.log(elements[i])
    $("#" + elements[i]).sortable("disable");
    $("#" + elements[i]).fadeTo("fast", 0.5);
  }
}

Powoduje to jednak błąd

Error: cannot call methods on sortable prior to initialization; 
attempted to call method 'disable'

Od kiedy dzwoniłemrefresh na liście sortowalnej przed wyłączeniem elementów, w jaki sposóbsortable obiekt nie został zainicjowany?