JQuery ui сортируемый массив, возвращающий пустые строки

Question

По какой-то причине функция интерфейса jQuery .sortable() возвращает пустые строки, и я не могу понять, почему. Вот мой код:

<ul id="sortable"> 
    @{int i = 0;} 
    @foreach (var item in Model.Columns) 
    { 
     if (item.isrequired == true) 
     { 
      <li class="col-lg-12 col-md-12 col-sm-12 ui-state-default"> 
       <span class="ui-icon ui-icon-arrowthick-2-n-s"></span> 
       <div class="col-lg-12 col-md-12 col-sm-12" style="position: relative;"> 
        @Html.CheckBox("ColumnGroup", true, new { @value = item.column_name, @id = item.column_name, data_icon = "Foo_" + i, @name = "ColumnCheckbox", @disabled = "disabled", @class = "squaredThree" })&nbsp; 
        @Html.Label("", (string)item.column_name)&nbsp;&nbsp; 
        <span style="font-size: 0.9rem; color: red; vertical-align: text-top!important">*Required Column</span> 
       </div> 
      </li> 
      i++; 
     } 
     else 
     { 
      <li class="col-lg-12 col-md-12 col-sm-12 ui-state-default"> 
       <span class="ui-icon ui-icon-arrowthick-2-n-s"></span> 
       <div class="col-lg-12 col-md-12 col-sm-12 checkAllBoxes" style="position: relative;"> 
        @Html.CheckBox("ColumnGroup", true, new { @value = item.column_name, @id = item.column_name, data_icon = "Foo_" + i, @class = "squaredThree" })&nbsp; 
        @Html.Label("", (string)item.column_name) 
       </div> 
      </li> 
      i++; 
     } 
    } 
</ul> 

и:

var sortedIDs = $('#sortable').sortable("toArray", { attribute: 'data-icon' }); 

draggability работает просто отлично, но я не могу получить заказ массива из Ли

Answer 1

Я никогда не ID на элементы Li, только на входы. Как только я добавил id в lli, он работает отлично.