<ul id="image-list1" class="sortable-list">
  <li id="A">Элемент в админке А</li>
  <li id="B">Элемент в админке B</li>
  <li id="C">Элемент в админке C</li>
  <li id="D">Элемент в админке D</li>
</ul>

<div id='info'>Порядок следования элементов в списке: </div>

li{
  
  background-color:red;
  width:200px;
  margin:10px;
  padding:5px;
}

#info{ 
  margin:10px;
  font-size : 25px;
}
$('.sortable-list').sortable({
  connectWith: '.sortable-list',
  update: function(event, ui) {
    var changedList = this.id;
    var order = $(this).sortable('toArray');
    var positions = order.join(' ; ');

    $('#info').html('Порядок следования элементов в списке :' + positions);
   
  }
});

External CSS

  1. //ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/themes/smoothness/jquery-ui.css

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. //ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js