jquery-ui完整版太大了，哪些文件可以删？│js

jquery-ui完整版太大了，哪些文件可以删？

当前位置：点晴教程→知识管理交流 →『技术文档交流』

freeflydom

2026年5月7日 11:47 本文热度 40

：jquery-ui完整版太大了，哪些文件可以删？

🚀 精简步骤

建议通过官方工具定制，这是最安全、最省力的方法。

第一步：了解JS文件作用

JS 层面需要 4 个文件，它们之间存在明确的依赖关系：

jquery.ui.core.js（核心工具，必选）
jquery.ui.widget.js（小部件工厂，为 sortable 提供基础）
jquery.ui.mouse.js（鼠标交互基类，处理拖拽）
jquery.ui.sortable.js（sortable 功能本身）

这 4 个文件是 sortable 正常工作的最小集合。
引入时，按以下顺序，避免报错：

html

<script src="/js/jquery.ui.core.js"></script>
<script src="/js/jquery.ui.widget.js"></script>
<script src="/js/jquery.ui.mouse.js"></script>
<script src="/js/jquery.ui.sortable.js"></script>
<script>
$(function() {
    $('.box_sortable_area').sortable({
        placeholder: 'sort-highlight',
        items: '.box_container',
        zIndex: 999999,
        scroll: false,
        update: function (event, ui) {
            sortable_result = $(this).sortable("toArray").join(",");
            updateSortableData();
        }
    });
});
</script>

如果你想用最简单的方法，也可以考虑通过 CDN 组合服务引入这 4 个文件。例如使用 jsDelivr：

html

<script src="https://cdn.jsdelivr.net/combine/npm/jquery-ui@1.13.2/ui/version.min.js,npm/jquery-ui@1.13.2/ui/widget.min.js,npm/jquery-ui@1.13.2/ui/widgets/mouse.min.js,npm/jquery-ui@1.13.2/ui/widgets/sortable.min.js"></script>

这组链接直接从 npm 获取核心文件，效果和下载是一样的。

第二步：自带的CSS文件与图片

样式部分可以只保留基础样式，甚至完全不使用 jQuery UI 的样式，全部用自己的 CSS 替代。

建议方案：只保留 jquery-ui.css（或 jquery-ui.min.css）和 images/ 文件夹。这两个部分共同提供了 sortable 组件运行所需的基础视觉样式和图标。
最终极方案（不推荐新手）：如果你对自己的 CSS 能力有信心，可以完全放弃官方 CSS，在 jquery-ui.min.js 引入后，为你自己的 .box_container 类编写所有拖拽和排序时的样式。这是最小体积的方案。

第三步：使用官方工具定制下载

使用官方 Download Builder ，如只用到拖拽排序，可勾选 Core 和 Interactions 两项，然后下载生成一个最小的压缩包，取里面的jquery-ui.min.js使用即可，大小91Kb。

该文章在 2026/5/7 12:01:07 编辑过

关键字查询

太大

完整

文件

正在查询...

点晴ERP是一款针对中小制造业的专业生产管理软件系统,系统成熟度和易用性得到了国内大量中小企业的青睐。

点晴PMS码头管理系统主要针对港口码头集装箱与散货日常运作、调度、堆场、车队、财务费用、相关报表等业务管理，结合码头的业务特点，围绕调度、堆场作业而开发的。集技术的先进性、管理的有效性于一体，是物流码头及其他港口类企业的高效ERP管理信息系统。

点晴WMS仓储管理系统提供了货物产品管理,销售管理,采购管理,仓储管理,仓库管理,保质期管理,货位管理,库位管理,生产管理,WMS管理系统,标签打印,条形码,二维码管理,批号管理软件。

点晴免费OA是一款软件和通用服务都免费，不限功能、不限时间、不限用户的免费OA协同办公管理系统。