JQuery UI按钮图标不显示

Question

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

我已经完成了以下工作:
1)将javascript文件(jquery-1.4.2.min.js和jquery-ui-1.8.2.custom.min.js
)复制到public/javascripts 2)复制整个smoothness主题目录to 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步中的代码被复制并粘贴到文档中 - 我刚刚更改了选择器)

按钮选择了主题的风格 - 但我没有运气让图标显示 - 我错过了一步吗？

非常感谢,
Ash

Answer 1

我不知道jQuery UI中是否存在将input type="submit"元素转换为jQuery UI按钮的错误,但是当我更改标记以呈现<button>元素而不是a时<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>控件,它就可以工作了.

希望这可以帮助!