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，否则整个事情会被卡住，这是我的第一个问题。

一个。我想show_per_page 12但似乎这个数学很难或者其他什么因此它会被卡住。

B中。它只在第二次keydown做某事，而它应该在第一次keydown上分页。

总而言之：如何在没有卡住的情况下使用12'show_per_page'在第一次按键时对其进行分页？

以下是演示：JsBin

我已经在功能webResults之后添加了分页代码。

ps我更新了链接，我拿出了所有文本结果以便更好地查看。

Answer 1

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

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

• B 代码将在第一次击键时运行（没有代码表明它不应该），而且确实如此。我只需要输入一个字母就可以显示结果。但请注意，您正在侦听键事件，因此直到您释放事件将触发的键。如果你打字很快，我猜可能感觉搜索在第二次击键之前不会触发。