jQuery tablesorter＆pager插件無法正常工作

Question

我試圖讓jQuery tablesorter的尋呼機工作。 沒有尋呼機一切正常，但當我試圖使用尋呼機出事了。

當我不將尋呼機的限制從10更改爲5或2時，排序和尋呼都不起作用。然後它給我看一張空桌子。但是，當我事先改變極限時，一切都有效？！這不是它應該的方式，對吧？ ^^

的jQuery：

<script> 
    $(document).ready(function(){ 
     var validator = $("#searchForm").validate({ 

     });   
    }); 

    $(document).ready(function() 
    { 
     $("#myTable") 
     .tablesorter({widthFixed: true, widgets: ['zebra']}) 
     .tablesorterPager({container: $("#pager")}); 
    }); 

表：

// name of database dable == header of table 
       echo "<table id=\"myTable\"  class=\"tablesorter\"><thead><tr>"; 
       foreach(sqlsrv_field_metadata($stmt) as  $fieldMetadata) 
       { 
         echo "<th>".$fieldMetadata ['Name']."</th>"; 
       } 
       echo "<th>Details</th>"; 
       echo "</thead>"; 
       echo "<tbody>"; 
       // printing table rows 
       while($row = sqlsrv_fetch_array($stmt, SQLSRV_FETCH_ASSOC)) 
       {         
        echo "<tr>"; 

        // $row is array... foreach(..) puts every element  
        // of $row to $cell variable  
        foreach($row as $cell){ 
         echo "<td>$cell</td>"; 
        } 
        echo "</tr>\n"; 
       } 
       echo "</tbody>"; 
       echo "</table>";  
       echo("<br>"); 

尋呼機：

<div id="pager" class="pager"> 
        <form> 
         <img  src="/images/first.png" class="first"/> 
         <img  src="/images/prev.png" class="prev"/> 
         <input type="text" class="pagedisplay"/> 
         <img src="/images/next.png" class="next"/> 
         <img src="/images/last.png" class="last"/> 
         <select class="pagesize"> 
          <option value="">>LIMIT</option> 
          <option value="2">2 per page</option> 
          <option value="5">5 per page</option> 
          <option value="10">10 per page</option>        
         </select> 
        </form> 
       </div>  

Answer 1

不會在第一次調用幫助指定10？

$(document).ready(function() 
{ 
    $("#myTable") 
    .tablesorter({widthFixed: true, widgets: ['zebra']}) 
    .tablesorterPager({container: $("#pager"), size: 10}); 
});