我怎么能这样做？缩小搜索结果我型

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

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

谢谢！

来源

2011-11-19 alt

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

它的功能是在每次按键时触发此事件，并将按下的按键与包含它的li进行匹配。它很好，但可以肯定地使用一些修改。下面的代码：

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

来源

2011-11-19 05:19:27 Purag

哇说得容易，然后我尽管！ – alt

然而：那只是鳍。我需要它从字母开始，阅读左侧 - >右侧。 – alt

@JacksonGariety：确实如此。尝试输入带有大写的第一个“b”的“Bob”。这是它需要一些改进的地方。我可以花一些时间寻找一种方法将它与每个“li”内容的小写版本进行匹配。 – Purag

基本上，你有一个JS（使用jQuery）代码执行JSON调用来检索巧合的名单已经输入，因为它去的字符串。它应该在输入字段附近的div中显示更新innerHTML或类似的东西。

下面是一个脚本/ servlet /服务，可以在每次输入时调用它。

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

来源

2011-11-19 05:23:00 Alfabravo

Purmou's so很多打火机你不会相信，谢谢你的啧啧，我会进一步检查它Purmou和我不能想出更小的东西 – alt

我喜欢@Purmou处理它的方式，尽管你需要所有的东西如果你的页面以这种方式工作，毫无疑问，他的方法是你的出路（简单总是更好）如果你需要搜索一大堆游戏，请查看tut。祝你好运 – Alfabravo

如果人们想要搜索整个网站......他们点击“enter”。如果他们碰巧在一个支持我正在执行的“即时”事情的页面上，它将开始缩小d自己的内容。我也可以在主页上发布帖子来做到这一点！：d – alt

我怎么能这样做？缩小搜索结果我型

回答

相关问题