从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个）更新为：< / p>

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

那之后效果很好。