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); 

最後の行は改ページ番号の量を決定されたものです：ビングのAPIから「webResultTotalは」総結果の数です。だからそれは数 'show_per_page'で割り算されます。それ以外の場合はすべてのものが詰まってしまうので、私は60000に量を設定しました、これは私の最初の問題です。

A.私はshow_per_page 12を使用したいと思いますが、この数学は難しいものか何かが混乱しているようです。

B.最初のキーダウンで改ページする必要があるのと同じように、2番目のキーダウンでのみ行います。

結論として：12 'show_per_page'が詰まることなく最初のキーストロークでページングするにはどうすればよいですか？ここで

はデモです：JsBin

私は右の関数webResults後に改ページコードを入れています。

ps私はリンクを更新し、より良い見通しのためにすべてのテキスト結果を取り出しました。

Answer 1

JsBinで提供しているスクリプトを実行すると、間違ったことがたくさんあるようですが、40個のJS警告が表示されます。

• 私は12にページ番号を設定することができますし、詰まることなく、期待通りに動作するが、私は、ページごとに12件の結果を得ます。

• bコードは、最初のキーストローク（実行すべきではないことを示すコードはありません）で実行されます。私は、結果を表示するために1文字だけ入力する必要があります。ただし、キーUPイベントを待ち受けることに注意してください。イベントが発生するキーを解放するまでは、UPイベントはありません。速く入力すると、2番目のキーストロークまで検索がトリガーされないので、感じるかもしれません。