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

cnh2zyt3  于 12个月前  发布在  jQuery
关注(0)|答案(2)|浏览(120)

我正在使用DataTables在MVC应用程序上格式化表格。我正在使用客户端JQuery实现。我使用CDN没有问题,除了加载时间。我非常成功地使用了他们的download builder,并从整个下载文件夹中取出了缩小的CSS和JQuery文件,以便我可以将它们与其余文件捆绑在一起。DataTables除了排序图标外还可以工作。我得到了一个“只有这些图标上出现“Not found”错误。为什么这些图标在CDN上可以工作,而在本地托管时却不能工作?

tyg4sfes

tyg4sfes1#

我看到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")}


在那之后一切都很顺利。

tjjdgumg

tjjdgumg2#

在我的例子中,datatable在**~content/images中查找图像,但在我的解决方案资源管理器中,我可以看到它们在~content/datatables/images中。
我将整个
~/Content/DataTables/Images文件夹复制到~/Content/Images并修复了它。
也许可以只移动
~/Content/DataTables/Images**文件夹,但我想在那里留下一个副本,以防移动它会破坏任何其他引用。

相关问题