Javascript 使用可排序jquery检查div内图像的顺序

所以我在div中有图像，我在jquery上使用可排序插件拖放图像的排列。我只需要计算出图像的数量排列，即使我拖放它。 例如，我将test2.jpg拖到test1.jpg前面。因此，排列应为

1。test2.jpg，2。test1.jpg，3。test3.jpg.

html

---

您需要使用top-use

序列化

或

toArray

来收集此详细信息。您需要确保每个项目的ID都是正确的

注意：如果serialize返回空字符串，请确保id属性包含下划线。它们的格式必须是：

“set_number”

，例如，一个id属性为

“foo_1”

，

“foo_5”

，

“foo_2”

的三元素列表将序列化为

“foo[]=1&foo[]=5&foo[]=2”

。可以使用下划线、等号或连字符分隔集合和数字。例如

“foo=1”

，

“foo-1”

，和

“foo\u 1”

都序列化为

“foo[]=1”

$（函数（）{
$（“#可排序”）。可排序({
更新：功能（事件、用户界面）{
var sorted=$（this）.sortable（“序列化”）；
var sortedis=$（this）.sortable（“toArray”）；
控制台日志（已分类、已分类）；
}
});
$（“#可排序”）.disableSelection（）；
});
$（“.selector”）.sortable（{sort:function（event，ui）{}）这应该会有帮助。您对每个的ID都有问题。它们必须是独一无二的。
<div id="sortable">
    <img id="product_preview" class="ui-state-default" src="/images/test1.jpg">
    <img id="product_preview" class="ui-state-default" src="/images/test2.jpg">
    <img id="product_preview" class="ui-state-default" src="/images/test3.jpg">
<div>

$( function() {
   $( "#sortable" ).sortable();
   $( "#sortable" ).disableSelection();
} );