pbootcms后台自定义字段多图上传 不能多图拖动解决办法

01<script type="text/javascript">

02 

03/*

04$("#pics_box").dragsort({

05    dragSelector: "dl",

06    dragSelectorExclude: "input,textarea,dd",

07    dragBetween: false,

08    dragEnd: saveOrder,

09    placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"

10});

11 

12 

13 

14function saveOrder() {

15    var data = $("#pics_box dl dt img").map(function() {

16        return $(this).data("url");

17    }).get();

18    $("input[name=pics]").val(data.join(","))

19};

20 

21*/

22 

23// 定义一个通用的拖动排序函数 AB模板网 www.adminbuy.cn

24function setupDragSort(boxId, inputName) {

25    $(`#${boxId}`).dragsort({

26        dragSelector: "dl",

27        dragSelectorExclude: "input,textarea,dd",

28        dragBetween: false,

29        dragEnd: function() {

30            saveOrder(boxId, inputName);

31        },

32        placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>"

33    });

34}

35 

36// 定义保存排序结果的函数

37function saveOrder(boxId, inputName) {

38    var data = $(`#${boxId} dl dt img`).map(function() {

39        return $(this).data("url");

40    }).get();

41    $(`input[name=${inputName}]`).val(data.join(","));

42}

43 

44// 初始化每个元素的拖动排序功能

45setupDragSort("pics_box", "pics");

46setupDragSort("ext_yszp_box", "ext_yszp");

47setupDragSort("ext_xiaogutu_box", "ext_xiaogutu");

48setupDragSort("ext_caipingtu_box", "ext_caipingtu");

49setupDragSort("ext_wangongtu_box", "ext_wangongtu");

50</script>