pbootcms后臺自定義字段多圖上傳 不能多圖拖動解決辦法
修改\apps\admin\view\default\content\content.html底部拖動js代碼。
<script type="text/javascript"> /* $("#pics_box").dragsort({ dragSelector: "dl", dragSelectorExclude: "input,textarea,dd", dragBetween: false, dragEnd: saveOrder, placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>" }); function saveOrder() { var data = $("#pics_box dl dt img").map(function() { return $(this).data("url"); }).get(); $("input[name=pics]").val(data.join(",")) }; */ // 定義一個通用的拖動排序函數(shù) 幸運草科技 www.nianchuai.com function setupDragSort(boxId, inputName) { $(`#${boxId}`).dragsort({ dragSelector: "dl", dragSelectorExclude: "input,textarea,dd", dragBetween: false, dragEnd: function() { saveOrder(boxId, inputName); }, placeHolderTemplate: "<dl class='placeHolder'><dt></dt></dl>" }); } // 定義保存排序結(jié)果的函數(shù) function saveOrder(boxId, inputName) { var data = $(`#${boxId} dl dt img`).map(function() { return $(this).data("url"); }).get(); $(`input[name=${inputName}]`).val(data.join(",")); } // 初始化每個元素的拖動排序功能 setupDragSort("pics_box", "pics"); setupDragSort("ext_yszp_box", "ext_yszp"); setupDragSort("ext_xiaogutu_box", "ext_xiaogutu"); setupDragSort("ext_caipingtu_box", "ext_caipingtu"); setupDragSort("ext_wangongtu_box", "ext_wangongtu"); </script>