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

Question

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

标签： jquerymodel-view-controllerdatatablesicons

Answer 1

在研究这个问题时，我看到了几个 Stack Overflow 帖子，甚至还有一个DataTables 论坛，但这些帖子似乎不适用于他们的下载构建器。他们中的一些人建议调整本地文件引用，但不建议从哪里获取图标。我在缩小的 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")}

在那之后它工作得很好。