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事件，因此直到释放键，该事件才会启动。如果你打字很快，我想可能会觉得搜索直到第二个按键才触发。