jQuery技术:如何将jQuery UI按钮小部件添加到我的radio_button

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

2021年1月27日上午4:32 • JQuery使用教程 • 阅读 0

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

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

我目前的过滤forms：

  Choose a venue type:

非常感谢您的帮助！

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

在页眉或页脚中包含必要的文件（请记住，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/

以上就是jQuery教程分享如何将jQuery UI按钮小部件添加到我的radio_button_tag？相关内容,想了解更多jQuery开发(异常处理)及jQuery教程关注计算机技术网(www.ctvol.com)!)。

本文来自网络收集，不代表计算机技术网立场，如涉及侵权请联系管理员删除。

ctvol管理联系方式QQ:251552304

本文章地址：https://www.ctvol.com/jquerytutorial/558727.html

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

精彩推荐