Question

我正在尝试将图标应用到我的Rails应用程序中的jquery UI样式按钮。按钮样式正确，但我无法显示图标！谁能给我任何建议 - 我把头发拉出来了！

我做了以下事情：
1）将javascript文件（jquery-1.4.2.min.js和jquery-ui-1.8.2.custom.min.js）复制到public / javascripts
2）将整个平滑主题目录复制到public / 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中是否存在将input type="submit"元素转换为jQuery UI按钮的错误，但是当我更改标记以呈现<button>元素而不是{{ 1}}，它起作用了：

<input type="submit" .../>

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

我能够使用输入提交元素重新创建静态HTML的问题。一旦我切换到HTML <button type="submit" class="save">Save Changes</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

JQuery UI按钮图标不显示

2 个答案: