我试图将一个图标应用到我的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' %>
$(document).ready(function() {
$(".save").button( { icons: {primary:'ui-icon-gear',secondary:'ui-icon-triangle-1-s'} } );
});
(直到我得到它的工作,第5步中的代码从文档复制和粘贴 – 我刚刚更改了选择器)
该按钮取代主题的风格 – 但我没有运气让图标出现 – 我错过了一步吗？
非常感谢,
灰
解决方法
我不知道jQuery UI中是否有一个错误,用于将输入type =“submit”元素转换为jQuery UI按钮,但是当我更改标记以呈现< button>元素而不是< input type =“submit”... />,它工作：
< button type =“submit”class =“save”>保存更改< / button>
当然,我只是使用静态HTML,而不是Ruby on Rails.老实说,我是一个C#/ ASP.NET MVC开发人员,所以我不知道是否可以使用RoR渲染一个按钮元素.如果可以的话,也许这是现在的方向,万一它是一个jQuery UI bug.
我可以使用输入提交元素重新创建静态HTML的问题.一旦我切换到HTML<按钮>控制.
希望这可以帮助！
