带有 jQ​​uery UI 主题和 Font Awesome 的 jqGrid 显示每个图标的 2 个版本

Question

我正在使用 jqGrid 和 attempting（我认为）来使用 Font Awesome 图标。我正在使用 bootstrap 3.0 Ace theme，它预装了 jqGrid 文件以及 font awesome 和一个用 font awesome 图标替换图标的功能。

问题是，当我为网页上的不同功能添加jQuery UI lightness theme 时，网格会显示每个图标的 2 个版本。如果我不链接这个主题 css 文件，网格看起来很好。

但是，我需要主题 css 文件或不相关的功能看起来不正确。

我在这里做错了什么？为什么，当我链接 jQuery lightness ui 主题 css 文件时，我的 jqGrid 是否在表格中显示 2 个图标？

如果你想看代码，here 是原始 jqgrid 的示例，here 是我引用 jQuery ui 主题时的样子。 （参见代码中的 STACKOVERFLOW 注释）。

jqGrid with double icons image http://bit.ly/1gPW7ow

Answer 1

我不确定我是否正确理解了您的问题。我想 Ace 主题已经是一个使用 Font Awesome 图标的 jQuery UI 主题。所以在我看来，您只是遇到了在一页上使用两个 jQuery UI 主题的问题。在这种情况下，您应该下载带有一些非空“CSS Scope”的第二个主题（jQuery UI 亮度主题），然后在页面上需要使用第二个主题的区域的外部 div 中使用范围类。有关详细信息，请参阅the answer。包括第二个主题（jQuery UI 亮度）在内的方式将不会应用于您使用 Ace 主题的页面的第一部分。