从 CDN 切换到本地托管文件后，DataTables 缺少排序图标

Question

我正在使用 DataTables 来格式化 MVC 应用程序上的表格。我正在使用客户端 JQuery 实现。除了加载时间之外，我使用 CDN 没有问题。我非常成功地使用了他们的download builder，并从整个下载文件夹中提取了缩小的 CSS 和 JQuery 文件，这样我就可以将它们与我的其余文件捆绑在一起。除排序图标外，DataTables 都可以工作。 我仅在这些图标上收到“未找到”错误。 为什么这些图标可以与 CDN 一起使用，但在本地托管时却不行？

Answer 1

我在研究这个时看到了several Stack Overflow posts 甚至是DataTables forum，但这些帖子似乎不适用于他们的下载生成器。他们中的一些人建议调整本地文件引用，但不建议从哪里获取图标。我在缩小的 CSS 文件中看到图标被引用，如

table.dataTable thead .sorting{background-image:url("DataTables-1.10.16/images/sort_both.png")}

我意识到这一定是图标引用的问题，所以我寻找从哪里下载图标以放置在我的图像文件夹中。 然后我意识到下载构建器已将图标放在 DataTables-1.10.16 文件夹中。我将它们移动到我的 ~/Content/images 文件夹并将 CSS 引用（有 4 个）更新为：

table.dataTable thead .sorting{background-image:url("images/sort_both.png")}

之后就完美运行了。