AB模板網(www.tbwwir.cn)專注企業網站模板制作，包括企業pbootcms網站模板，靜態網頁模板，網站源碼下載，HTML網站模板等等。XML地圖 網站地圖 今日更新
免責聲明：本站所有資源(模板、圖片)搜集整理于互聯網或者網友提供，僅供學習與交流使用，如果不小心侵犯到你的權益，請及時聯系我們刪除該資源。
<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(","))
};
*/
// 定義一個通用的拖動排序函數 AB模板網 www.tbwwir.cn
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>
|
