大佬教程收集整理的这篇文章主要介绍了使用jQuery插件过滤twitter bootstrap手风琴,大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。
<div id="descriptions"> <% unless @subcategories.nil? %> <form class="filterform" action="#"> <input class="filterinput" type="text"> </form> <div id="list" class="display-subcategory"> <div class="accordion" id="accordion2"> <% @subcategories.each do |s| %> <% unless s.description == "No description yet"%> <div class="accordion-group"> <div class="accordion-heading"> <a class="accordion-toggle purple-text" data-toggle="collapse" data-parent="#accordion2" href="#collapse<%=s.name.gsub(/\s+/,"")%>"> <h3><%= s.name %> </h3> </a> </div> <div id="collapse<%=s.name.gsub(/\s+/,"")%>" class="accordion-body collapse out"> <div class="accordion-inner"> <%= s.description.html_safe %> </div> </div> </div> <% end %> <% end %> </div> </div> <% end %> </div>
这是我正在使用的插件:http://anthonybush.com/projects/jquery_fast_live_filter/
(function($) { $('.filterinput').keyup(function() { var a = $(this).val(); if (a.length > 0) { children = ($("#accordion2").children()); var containing = children.filter(function () { var regex = new RegExp('\\b' + a,'i'); return regex.test($('a',this).text()); }).slideDown(); children.not(containing).slideUp(); } else { children.slideDown(); } return false; }) }(jQuery));
因此,这使用正则表达式来查找我的手风琴标题,如果它们与输入不匹配则隐藏它们.希望这无论如何都可以帮助别人.
以上是大佬教程为你收集整理的使用jQuery插件过滤twitter bootstrap手风琴全部内容,希望文章能够帮你解决使用jQuery插件过滤twitter bootstrap手风琴所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。