Jquery简单分页不起作用

Question

我正在使用 Bing API 进行互联网搜索。我想对结果进行分页，最近我发现了一个很好的 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);

最后一行是确定分页数的数量：在 Bing API 中，“webResultTotal”是总结果的数量。因此，除以数字“show_per_page”，我将数量设置为 60000，否则整个事情都会被卡住，这是我的第一个问题。

A.我想显示_per_page 12，但似乎这个数学太难了，所以它被卡住了。

B.它只在第二个 keydown 时执行某些操作，而它应该在第一个 keydown 时分页。

总之：我怎样才能让它在第一次击键时用 12 'show_per_page' 分页而不卡住？

这是一个演示：JsBin

我已将分页代码放在函数 webResults 之后。

ps 我更新了链接，为了更好的查看，我把所有的文字结果都拿出来了。

Answer 1

当我运行您在 JsBin 上提供的脚本时，似乎有很多事情出错了，我收到 40 条 JS 警告 - 但是，您在问题中提到的两件事工作正常。

• A我可以将页码设置为 12，它可以按预期工作而不会卡住，我每页得到 12 个结果。

• B 代码将在第一次击键时运行（没有代码表明它不应该），并且确实如此。我只需要输入一个字母即可显示结果。但是请注意，您侦听了键 UP 事件，因此直到您释放该事件才会触发该键。如果你输入速度很快，我猜它可能会觉得直到第二次击键才会触发搜索。