如何将jQuery UI按钮小部件添加到我的radio_button_tag？

我是javascript的新手，我很难找到一种方法将jQuery UI包含到我的应用程序中。 我目前有一个包含一些单选按钮的表单，让我按类型过滤索引页面上显示的场地记录。 我想包含jQuery按钮小部件以提供标签的外观。 我有jQuery网站上的演示设置正在我的应用程序上工作，但它只在那里看看。

http://jqueryui.com/demos/button/#radio

我目前的过滤forms：

 
 
Choose a venue type:
       
   

非常感谢您的帮助！

Answer 1

假设您正在使用复选框（请参阅原始问题的评论）：

在页眉或页脚中包含必要的文件（请记住，jQuery UI也需要一个CSS文件 – 或者自定义样式！）如果还没有这样做的话。

然后重新构建你的标记以匹配这样的东西：

 
 
Choose a venue type:
 <% Venuetype.all.each do |v| %> <%= check_box_tag 'venuetypes[]', v.id, false, :id => "venuetype-#{v.id}" %> <%= v.name %> <% end %>  

在DOM已经加载时调用buttonset方法，例如在你的application.js中：

 $(function() { $('.venuetypes').buttonset(); }); 

应该这样做 – 这是一个工作的例子： http ： //jsfiddle.net/DZx3z/