Question

我有一个包含大量缩略图和标题的页面：

如果点击“搜索”，搜索栏会从上方向下滑动。我可以在搜索框中输入内容，然后按Enter键搜索网站。我想知道是否有任何方法可以查看所有缩略图，如果我输入“E”，它将隐藏所有缩略图，除了那些以“E”开头的缩略图。然后我键入“El”并显示以“El”开头的每个结果。然后我添加了一个“d”，它会显示每个缩略图，标题以“Eld”开头。在此，用户可以轻松搜索游戏页面而无需重新加载。可能吗？值得做什么？

我精通jQuery和PHP。如果我的解释没有这样做。查看Google Instant。

谢谢！

Answer 1

我刚才做了这样的事情。 Here是一个链接。

它的作用是在每次按键时触发此事件，并将按下的键与包含它的li匹配。它工作得很好，但绝对可以使用一些修改。这是代码：

$("#search").keyup(function(){
    $("li").hide();
   var term = $(this).val();
    $("li:contains('" + term + "')").show();
});

Answer 2

基本上，你有一个JS（带有jquery）代码，它执行json调用以检索已经输入的字符串的重合列表。它应该在输入字段附近的div中显示它们，更新innerHTML或类似的东西。

下面是一个脚本/ servlet / service，每次都可以通过输入调用。

示例：http://woorkup.com/2010/09/13/how-to-create-your-own-instant-search/

我怎么能这样做？在我输入时优化搜索结果

2 个答案: