0

如何使用 jQuery Autocomplete 切换或显示 HTML 中的隐藏元素而不是数据库？

这是包含我一直在使用的元素的jsFiddle 。一切正常，除了我不知道如何继续显示与搜索源匹配的隐藏元素。

JavaScript 中的源变量与具有自动完成搜索字段的 HTML 页面中隐藏元素的类名相匹配。因此，根据您要搜索的元素（此示例搜索 HTML5 元素），当源与隐藏的类元素匹配时，将出现结果。

我一直在查看结果处理程序，但似乎无法用我现在拥有的代码来解决它。

任何有关我的问题的帮助将不胜感激。或者，如果这是过度使用自动完成，请告诉我。

谢谢你。

4

1 回答 1

0

像这样的东西可能会起作用

尝试 jQuery UI http://jqueryui.com/demos/autocomplete/并查看事件部分。

例如，如果用户在哪里搜索“体育”，而您希望出现一个带有体育新闻的 div

你可以写一个像这样的自定义搜索选项：

$( ".selector" ).autocomplete({
   search: function(event, ui) { 
      if($( ".selector" ).val() == "sport"){
         // open sport div
         $("#sport").fadeIn();
      }
  }
});

这是你的意思吗？

让我知道你的情况，如果我能提供更多帮助

于 2012-08-09T05:25:42.140 回答