我的知识记录

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

修改\apps\admin\view\default\content\content.html底部拖动js代码。

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
14 function 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
24 function 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 // 定义保存排序结果的函数
37 function 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 // 初始化每个元素的拖动排序功能
45 setupDragSort("pics_box", "pics");
46 setupDragSort("ext_yszp_box", "ext_yszp");
47 setupDragSort("ext_xiaogutu_box", "ext_xiaogutu");
48 setupDragSort("ext_caipingtu_box", "ext_caipingtu");
49 setupDragSort("ext_wangongtu_box", "ext_wangongtu");
50 </script>

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

标签：

更新时间：2025-12-07 21:19:31

上一篇：WordPress自定义给导航菜单添加一个a标签的class与data命名

下一篇：Pbootcms网站内容tags标签调用

转载请注明原文链接：https://www.muzicopy.com/suibi/26910.html

关注热点