jQuery Pagination分頁外掛詳解
此jQuery插件為Ajax分頁插件,一次加載,故分頁切換時無刷新與延遲,如果資料量較大不建議用此方法,因為載入會比較慢。以下透過本文跟大家分享jQuery Pagination分頁插件的使用方法及參數介紹,有興趣的朋友一起看看吧
插件簡介
此jQuery插件為Ajax分頁插件,一次性加載,故分頁切換時無刷新與延遲,如果數據量較大不建議用此方法,因為加載會比較慢。
原插件CSS不太合理,使用浮動,故無法方便實現左右方向的定位,且未清除浮動,在中文修改版中我對其進行了優化,使其支持text-align的定位。
使用方法
跟一般的jQuery外掛一樣,此外掛程式使用也很簡單便捷。方法是pagination,例如$("#page").pagination(100);
#參數
參數名稱 |
||
##描述 | 參數值 | |
maxentries |
總條目數 |
必選參數,整數 |
#items_per_page | 每頁顯示的條目數 | 可選參數,預設是10 |
num_display_entries## ##########連續分頁主體部分顯示的分頁條目數#############可選參數,預設是10############ ######current_page#### | 目前選取的頁面 |
選用參數,預設為0,表示第1頁 |
num_edge_entries |
兩側顯示的首尾分頁的條目數 |
可選參數,預設為0 |
link_to |
分頁的連結 |
字串,可選參數,默認是"#" |
prev_text |
#「前一頁」分頁按鈕上顯示的文字 |
字串參數,可選,預設是"Prev" |
#next_text |
「下一頁」分頁按鈕上顯示的文字 |
字串參數,可選,預設是"Next" |
ellipse_text |
省略的頁數用什麼文字表示 |
可選字串參數,預設是"..." |
#prev_show_always |
#是否顯示「前一頁」分頁按鈕 |
布林型,可選參數,預設為true,即顯示「前一頁」按鈕 |
#next_show_always |
是否顯示「下一頁」分頁按鈕 |
布林型,可選參數,預設為true,即顯示「下一頁」按鈕 |
#callback |
回呼函數 |
預設無執行效果 |
舉例
例如下面的使用程式碼:
$("#Pagination").pagination(56, { num_edge_entries: 2, num_display_entries: 4, callback: pageselectCallback, items_per_page:1 });
這段程式碼表示的意思是:總共有56(maxentries)個列表項,首尾兩側分頁顯示2(num_edge_entries)個,連續分頁主體數目顯示4(num_display_entries)個,回呼函數為pageselectCallback(callback),每頁顯示的清單項目為1(items_per_page)個。
相關推薦:
jQuery EasyUI API 中文文件- Pagination分頁_jquery
##jQuery EasyUI 教學 -Pagination(分頁)
MySQL分頁模型(Pagination.php)_MySQL#
以上是jQuery Pagination分頁外掛詳解的詳細內容。更多資訊請關注PHP中文網其他相關文章!

熱AI工具

Undresser.AI Undress
人工智慧驅動的應用程序,用於創建逼真的裸體照片

AI Clothes Remover
用於從照片中去除衣服的線上人工智慧工具。

Undress AI Tool
免費脫衣圖片

Clothoff.io
AI脫衣器

Video Face Swap
使用我們完全免費的人工智慧換臉工具,輕鬆在任何影片中換臉!

熱門文章

熱工具

記事本++7.3.1
好用且免費的程式碼編輯器

SublimeText3漢化版
中文版,非常好用

禪工作室 13.0.1
強大的PHP整合開發環境

Dreamweaver CS6
視覺化網頁開發工具

SublimeText3 Mac版
神級程式碼編輯軟體(SublimeText3)

Windows作業系統是全球最受歡迎的作業系統之一,其新版本Win11備受矚目。在Win11系統中,管理員權限的取得是一個重要的操作,管理員權限可以讓使用者對系統進行更多的操作和設定。本文將詳細介紹在Win11系統中如何取得管理員權限,以及如何有效地管理權限。在Win11系統中,管理員權限分為本機管理員和網域管理員兩種。本機管理員是指具有對本機電腦的完全管理權限

OracleSQL中的除法運算詳解在OracleSQL中,除法運算是一種常見且重要的數學運算運算,用來計算兩個數相除的結果。除法在資料庫查詢中經常用到,因此了解OracleSQL中的除法運算及其用法是資料庫開發人員必備的技能之一。本文將詳細討論OracleSQL中除法運算的相關知識,並提供具體的程式碼範例供讀者參考。一、OracleSQL中的除法運算

jQuery中如何使用PUT請求方式?在jQuery中,發送PUT請求的方法與發送其他類型的請求類似,但需要注意一些細節和參數設定。 PUT請求通常用於更新資源,例如更新資料庫中的資料或更新伺服器上的檔案。以下是在jQuery中使用PUT請求方式的具體程式碼範例。首先,確保引入了jQuery庫文件,然後可以透過以下方式發送PUT請求:$.ajax({u

PHP中的模運算子(%)是用來取得兩個數值相除的餘數的。在本文中,我們將詳細討論模運算子的作用及用法,並提供具體的程式碼範例來幫助讀者更好地理解。 1.模運算子的作用在數學中,當我們將一個整數除以另一個整數時,就會得到一個商和一個餘數。例如,當我們將10除以3時,商數為3,餘數為1。模運算子就是用來取得這個餘數的。 2.模運算子的用法在PHP中,使用%符號來表示模

標題:jQuery小技巧:快速修改頁面所有a標籤的文字在網頁開發中,我們經常需要對頁面中的元素進行修改和操作。使用jQuery時,有時候需要一次修改頁面中所有a標籤的文字內容,這樣可以節省時間和精力。以下將介紹如何使用jQuery快速修改頁面所有a標籤的文本,同時給出具體的程式碼範例。首先,我們需要引入jQuery庫文件,確保在頁面中引入了以下程式碼:<

標題:使用jQuery修改所有a標籤的文字內容jQuery是一款受歡迎的JavaScript庫,被廣泛用於處理DOM操作。在網頁開發中,經常會遇到需要修改頁面上連結標籤(a標籤)的文字內容的需求。本文將介紹如何使用jQuery來實現這個目標,並提供具體的程式碼範例。首先,我們需要在頁面中引入jQuery庫。在HTML檔案中加入以下程式碼:

jQuery是一種流行的JavaScript庫,被廣泛用於處理網頁中的DOM操作和事件處理。在jQuery中,eq()方法是用來選擇指定索引位置的元素的方法,具體使用方法和應用場景如下。在jQuery中,eq()方法選擇指定索引位置的元素。索引位置從0開始計數,即第一個元素的索引是0,第二個元素的索引是1,依此類推。 eq()方法的語法如下:$("s

如何判斷jQuery元素是否具有特定屬性?在使用jQuery操作DOM元素時,常會遇到需要判斷元素是否具有某個特定屬性的情況。在這種情況下,我們可以藉助jQuery提供的方法來輕鬆實現這項功能。以下將介紹兩種常用的方法來判斷一個jQuery元素是否具有特定屬性,並附上具體的程式碼範例。方法一:使用attr()方法和typeof運算子//判斷元素是否具有特定屬
