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

模板商城2025-09-01 14:51　14 浏览

点赞收藏

修改appsadminviewdefaultcontentcontent.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 
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>

本站所有资源都是由网友投搞发布，或转载各大下载站，请自行检测软件的完整性！本站所有资源仅供学习与参考，请勿用于商业用途，否则产生的一切后果将由您自己承担!如有侵权请联系我们删除下架，联系方式：7855231#qq.com

文章加了浏览权限后出现404错误如何解决pbootcms

网站后台登录页面怎么修改样式PbootCMS

评论0评论

文章资讯

随机推荐

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

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