の商品と他のテーブルのコレクションのあるMySQLテーブルがあります。子要素のソート可能なグループ
すべてのコレクションには一部の製品が含まれています（ただし、一部の製品にはコレクションがありません）。
私はこのように、製品の列にコレクションidを保存：管理者パネルで
私はこのようにして、すべての製品を表示：
しかし、今私はそれをソート可能にし、コレクションのようにグループ化する必要があります：
実際に製品が（jQueryのUIを使用して）ソートされている製品は、この順序で示されているように、私は、データベース内の順序を保存します。
各コレクションのすべての製品をグループ化し、そのグループを並べ替えることで、製品が注文を変更できるようにするにはどうすればよいですか？ https://jsfiddle.net/jimmyadaro/mty2br9n/
あなたはこのfiddleのようなHTMLフォーマットする必要があります：
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta charset="utf-8" />
<!-- CSS library -->
<link rel="stylesheet" href="https://code.jquery.com/ui/1.12.1/themes/base/jquery-ui.css">
<!-- jQuery library -->
<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
<script>
$(document).ready(function() {
//Look the EXTERNAL RESOURCES (jquery 2.1.0 and jquery ui 1.11.4)
$(".container").children('.collection').uniqueId().end().sortable({
axis: 'y',
opacity: 0.9,
revert: true,
cursor: 'move',
update: function (event, ui) {
var order = $(this).sortable('toArray');
$("#log").text(order);
}
});
});
</script>
</head>
<body>
<div class="container">
<div class="collection">
Fruits
<ul collection="1">
<li product="1">Watermelon</li>
<li product="2">Apple</li>
<li product="3">Grape</li>
</ul>
</div>
<div class="collection">
Vegetables
<ul collection="2">
<li product="4">Lettuce</li>
<li product="5">Tomato</li>
<li product="6">Carrot</li>
</ul>
</div>
<div class="collection">
Others
<ul collection="3">
<li product="7">Bread</li>
<li product="8">Cake</li>
</ul>
</div>
</div>
<hr>
<div id="log"></div>
</body>
</html>
誰かが助けを提供できるの再オーダー実際のロジックの
MCVE？ ... –