Jquery分頁自行總結篇

前語：

針對目前分頁插件衆多：不知哪一個實用或者哪一個容易上手，先整理一篇關於我的理解的分頁，改方法由自己實驗驗證而來，不一定十分正確！

實現前提：需要分頁的數據由<tr><td><td><tr>標籤繪畫出來的！暫時未驗證由<ul><li><li><li><ul>標籤繪畫出的頁面，可自行驗證哦！

實現方法：（動態加載完頁面後通過標籤實現分頁）

1.例如我又如下頁面：我們需要將<tbody></tbody>標籤中的內容進行分頁，即安裝如下步驟即可：

<table border="0" cellspacing="0" cellpadding="0">
					<thead>
						<tr>
							<th>會員</th>
							<th>手機號</th>
							<th>車品牌型號</th>
							<th>車牌號</th>
							<th>預約時間</th>
							<th>預約服務</th>
						</tr>
					</thead>
					<tbody id="content_page">

					 <tr>
                        <td>張三</td>
                        <td>1234567910</td>
                        <td>哈弗H6</td>
                        <td>湘AD81111</td>
                        <td>2019-04-19</td>
                        <td>美容沖洗</td>
                        </tr>
                        <tr>
                        <td>王五</td>
                        <td>15576655122</td
                        ><td>別克</td>
                        <td>湘AE11111</td>
                        <td>2019-05-14</td>
                        <td>維修保養</td>
                         </tr>
                       </tbody>
				</table>

1.1在</table>便籤下增加如下html代碼：

	<!--分頁-->
				<div id="wrap" class="page_btn clear"></div>
			</div><!--main-->
			<div id="info_modal" class="tips_info"></div>
		</div>

1.2 將<tbody>標籤的ID改爲：content_page  便於查詢節點：（此處一定要修改哦）

1.3 在進行ajax請求動態加載數據渲染頁面時，當成功回調後加載分頁js：

$.getScript("js/page.js");

1.4導入 JS文件：（可在評論中留下郵箱 哦，或稍後添加資訊下載鏈接）

1.5可以在JS文件中修改需要分頁的pagesize:

1.5最終實現效果如圖：