2012-02-11 124 views
1

我正在使用必应API进行互联网搜索。我想分页结果,最近我发现了一个很好的Jquery脚本,应该这样做。该脚本很容易理解:jquery简单分页不起作用

$("input#searchbox").keyup(function() { 

    //how much items per page to show 
    var show_per_page = 60000; 

    //getting the amount of elements inside content div 
    var number_of_items = $('#txtresults ul').children().size(); 

    //calculate the number of pages we are going to have 
    var number_of_pages = Math.ceil(webResultTotal/show_per_page); 

的最后一行是什么是确定分页数字量:从冰API的“webResultTotal”是总结果的数量。因此,除以数字'show_per_page',我已将金额设置为60000,否则整个事情都会被卡住,这是我的第一个问题。

答:我想show_per_page 12,但它似乎这个数学是困难或任何因此它被卡住。

B.它只在第二个keydown做某事,而它应该在第一个keydown分页。

所以总结一下:我怎样才能在第一次击键时使用12'show_per_page'来分页而不会卡住?

这里是一个演示:JsBin

我已经把分页代码后右功能webResults。

ps我更新了链接,我拿出了所有的文本结果以获得更好的视图。

回答

0

当我运行你在JsBin上提供的脚本时,似乎有很多事情出错,我得到40个JS警告 - 但是,你提到的两个问题工作得很好。

  • 一个我可以将页码设置为12,并预期不被卡住它的工作,我得到每页12名的成绩。

  • B该代码将运行在第一次击键(没有代码表明它不应该),它的确如此。我只需要输入一个字母来显示结果。但是,请注意,您会听取关键的UP事件,因此直到您释放事件触发的密钥。如果您键入的速度很快,我想可能会感觉到搜索不会触发,直到第二次击键。

+0

我想你误解了这个问题......它不是关于结果,那些没关系。请看看这个问题,我已经更新了链接。为了更好的理解,我拿出了结果。分页尚未完成。你得到的12个结果不是来自分页,而是Bing api:var WebCount =“Web.Count = 12”; – Youss 2012-02-11 10:52:18

+0

分页不起作用。现在我只对显示数字感兴趣,没有更多。 – Youss 2012-02-11 10:53:58