2010-12-04 109 views
0

我正在使用jQuery TableSorter,並試圖添加頁面導航(與tablesorter)。 現在tablesorter有一個傳呼機插件,但問題是它不顯示頁碼,所以你不能選擇一個特定的頁面來查看。jQuery:有沒有辦法讓tablesorterPager顯示可選的頁碼?

我發現這個分頁插件:http://plugins.jquery.com/project/pagination這正是我要找的。問題是,我試圖組合拖車給我的所有嘗試給了我很多錯誤..

有沒有一種方法來結合它們?或者可能改變tablesorterPager,以便它能夠選擇頁面?

回答

0

您將需要更改TablesorterPager。修改單個DOM元素的兩個插件可能會變得混亂。假設你有編寫jQuery插件的經驗,該代碼很容易添加到插件中。如果沒有,我會給你一個簡短的提綱,如果你不能弄明白,我會很樂意進一步提供幫助。

  • 創建一個函數,爲每個頁碼設置一個<ul>,其中<li>。你可以選擇隱藏像這個網站那樣的中間幾個,或者不。
  • 從構造函數中調用此函數
  • 在構造函數中設置click()事件以加載頁面。我認爲最簡單的方法就是簡單地讓每個<li>都有一個沿着#page0,#page1,#page2等行的標識。這樣,您可以剝離「頁面」部分,然後發送它們到基於他們點擊的項目的.val()頁面。
  • 在您更改頁面時,您可能需要切換一些活動的課程,並可能更改原來的<ul>兒童。這可以全部包裝到一個函數中。在插件附件中可以找到關於哪些元素需要更改以及類名是什麼的細節。

祝你好運!如果您想了解更多詳情,請發表評論或其他內容。

相關問題