Question

我正在使用jQuery UI对话框和＆＃34; x＆＃34;关闭按钮没有显示。看到this answer后（我没有使用引导程序）我确定这是图像丢失的结果。我将jQueryUI images文件夹添加到与jqueryUI css文件相同的相同的位置，但x按钮仍然没有显示。使用firebug我看到jQuery正在寻找文件夹中不存在的一些图像（例如ui-icons_c070a0_256x240.png和ui-bg_gloss-wave_35_C070A0_500x100.png）。

我在哪里可以找到图像文件夹中缺少的图像？

Answer 1

不确定是不是这样，但试一试。

jQuery UI对话框需要（1）jQuery UI css引用，AS WELL AS（2）jQuery UI代码，AS WELL AS（3）plain ol'jQuery。

同样重要的是，您需要匹配版本。当版本不匹配时（特别是当jQUI和jQUI的css用于不同版本时），按钮将不对齐，边框将丢失，整个外观被打破。你有 version-itis （注意：-itis是 pain 的拉丁语后缀）。

建议：

删除代码中对jQuery / jQuery UI的所有引用，并在页面的<head>标记内添加以下行：

<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<link rel="stylesheet" href="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/themes/flick/jquery-ui.css" />
<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>

这将为您提供已知可以协同工作的jQuery / jQueryUI / css版本。如果它有效，你甚至可以坚持下去。

参考：

Matching jQuery and jQuery-UI versions

缺少一些jQuery精灵

1 个答案: