不显示JQuery UI按钮图标

Question

我想将图标应用于我的Rails应用程序中的jQuery UI风格按钮。该按钮的样式正确，但我无法让图标显示出来！任何人都可以给我任何建议 - 我拉我的头发！

我已经做了以下内容：
1）复制的JavaScript文件（jQuery的1.4.2.min.js和jQuery-UI-1.8.2.custom.min.js）公共/ JavaScript的
2）复制整个平滑的主题目录下的公共/ CSS
3）下面的代码添加到我的布局文件，包括相关的文件：

<%=stylesheet_link_tag 'smoothness/jquery-ui-1.8.2.custom', :media => 'screen, projection'%> 
<%=javascript_include_tag 'jquery-1.4.2.min', 'jquery-ui-1.8.2.custom.min', 'application'%> 

4）增加了一个“保存”类的按钮，我想要造型：

<%= submit_tag 'Save Changes', :class => 'save' %> 

5）增加了以下到的application.js文件：

$(document).ready(function() { 
    $(".save").button({ icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} }); 
}); 

（直到我得到它的工作，在步骤5中的代码复制，并从文档粘贴 - 我只是改变了选择）

该按钮提取主题的风格 - 但我没有运气让图标出现 - 我错过了一个步骤？

非常感谢，
灰

Answer 1

我不知道是否有在jQuery UI的一个bug转换input type="submit"元素jQuery UI的按钮，但是当我改变了加价渲染<button>元素，而不是一个<input type="submit" .../>，它的工作：

<button type="submit" class="save">Save Changes</button>

当然，我只是做这个用静态HTML，不Ruby on Rails的。老实说，我是C＃/ ASP.NET MVC开发人员，所以我不确定您是否可以使用RoR渲染按钮元素。如果可以的话，也许这是现在的方向，以防万一它是一个jQuery UI错误。

我能够通过使用输入提交元素使用静态HTML重新创建问题。一旦我切换到HTML <button>控件，它就起作用了。

希望这会有所帮助！

Answer 2

我在使用JQuery UI的JSF/Facelets项目上遇到过类似的问题。事实证明，我需要将所有由JQuery UI CSS引用的图像文件复制到名为“images”的目录中，作为放置JQuery UI CSS文件的目录的子目录。

图片文件： http://code.google.com/p/jquery-ui/source/browse/branches/labs/assets/theme/images