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

01<script type="text/javascript">

02 

03

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>