分頁與jQuery

Question

我試圖讓與jQuery和這裏頁碼在for循環分頁不起作用：

HTML

<div id="inf"></div> 
<div id="pageNrs"></div> 
... 

的JavaScript

var pNr = 1; 
function cVal(nr) { 
    pNr = nr; 
    $('#inf').html(pNr); 
} 


$(document).ready(function() { 
     var data = getData(); 
     n = data.length; 
     var pnr = 1; 
     var pnrs = Math.ceil(n/8.0); 
     $('#pageNrs').append('<span id="fst">&lt;&lt;</span> | '); 
     $('#fst').click(function() { 
      cVal(1); 
     }); 
     $('#pageNrs').append('<span id="prv">&lt;</span> | '); 
     $('#prv').click(function() { 
      cVal(pNr < 2 ? 1 : pNr - 1); 
     }); 
     for (var i = 1; i <= pnrs; i++) { 
     //problem is exactly here... 
      $('#pageNrs').append('<span id="pnr_' + i + '">' + i + '</span> | '); 
      $('#pnr_' + i).click(function() { alert(('#pnr_' + i)); }); 
     } 

     $('#pageNrs').append('<span id="nxt">&gt;</span> | '); 
     $('#nxt').click(function() { 
      cVal(pNr >= pnrs ? pnrs : pNr + 1); 
     }); 
     $('#pageNrs').append('<span id="lst">&gt;&gt;</span>'); 
     $('#lst').click(function() { 
      cVal(pnrs); 
     }); 
    }); 

如何實現這一點，如果我點擊pange nr 7，它會提示​​，並且cl舔nr 3，它提醒#pnr_3。

Answer 1

你可以試試這個：

function doSomething(page) { 
     alert(page); 
    } 


    $('#pageNrs').append('<span id="pnr_' + i + '" onclick="doSomething(' + i + ');">' + i + '</span> | ');