pbootcms后台自定义字段多图上传 不能多图拖动解决办法
发布人:鲸弘科技
发布时间:2026-01-28
浏览量:6 次

修改ppsdminiewdefaultcontentcontent.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(","))
};
*/
// 定义一个通用的拖动排序函数
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>"
});
}
// 定义保存排序结果的函数
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>
推荐专题
最新阅读
-
pbootcms模板文件如何调用网站所有的文章
2025-08-29
48 -
pbootcms列表如何置顶文章,istop不管用怎么办?
2025-08-20
38 -
pbootcms 上传的图片自动转换webp格式 附源码教程
2026-01-28
6 -
pbootcms模板 后台升级程序后导致网站打不开 Parse error: syntax error, unexpec
2025-09-08
106 -
PbootCMS上传文件怎么修改大小限制
2025-09-08
112 -
Pbootcms留言“提交成功”的默认提示语修改
2025-08-20
46 -
pbootcms模板首页循环调用所有栏目和对应内容
2025-09-01
56 -
如何将pbootcms系统搭建的手机网页封装成微信小程序并审核上架
2025-09-08
60 -
pbootcms如何实现留言内容自动发送到QQ邮箱
2025-09-08
34 -
用PbootCms API接口实现Ajax无刷新分页 实现 点击加载更多 功能
2026-01-29
10
咨询热线:
联系电话
联系邮箱
联系QQ
方案获取
