bootstrap-paginator 個性化分頁插件使用

$.fn.bootstrapPaginator.Constructor = BootstrapPaginator

我們在看JS插件的時候經常看到這樣的，這個其實就是将這個類的放值在我們的JQuery的全局空間裡面去。

我們書寫的時候基本上都是選擇元素id之後再執行函數就好了….. 一直搞不懂，沒有自己寫過插件~~太菜

我使用浏覽器進入進來的時候，發現了

$ 中的變量的值，傳入到了我們的elements中去了,options中的值，是我們配置的資訊的！這個傳遞參數，估計是JQuery内部定好的資訊把！這個可是我們如果想寫插件的第一步。

我們進入的過程

這裡調用我們的夠造函數，進入之前我們看到的夠造函數的資訊。這裡我們可以看到我們的Js之中的原型模式，節約空間，複用記憶體！進入

之前看過的進階程式設計JavaScript中有過這些的介紹，裡面講的非常的豐富，一本非常好的教程，需要細細的品味

這裡使用了一個插件中經常使用的方法，我們還是有必要知道一下

extend 方法進行一些預設函數配置的配置，有些進行一些簡單的替換一下而已！

看看我們的插件中的調用更是厲害，不但設定了基本的配置資訊，而且還對頁面進行了渲染之内的工作

init方法初始化，構造函數當即執行該方法，該方法内部調用setOptions調用配置項；

setOptions設定配置項，調用listen方法綁定事件、render方法渲染頁面；

下面的這個是預設的配置，我們可以去覆寫這些屬性！

http://www.frontopen.com/846.html 這裡有$.trigger 模拟點選事件，然後還可以傳遞參數，這個是它的優勢所在！

這裡初始化完了這個頁面，我們就要模拟一下點選了第一個界面的效果是什麼澀~！

我們再看看監聽事件是怎麼做的，做了什麼？

off() 方法通常用于移除通過 on() 方法添加的事件處理程式。

自 jQuery 版本 1.7 起，off() 方法是 unbind()、die() 和 undelegate() 方法的新的替代品。該方法給 API 帶來很多便利，我們推薦使用該方法，它簡化了 jQuery 代碼庫。

注意：如需移除指定的事件處理程式，當事件處理程式被添加時，選擇器字元串必須比對 on() 方法傳遞的參數。

提示：如需添加隻運作一次的事件然後移除，請使用 one() 方法。

這個下面我們自己定義了的通過bind綁定的事件内心以及對應的函數，看一下是否外界定義了這樣的函數類型，然後删除之前已經存在的函數！

處理完事件的監聽，我們開始渲染我們的界面。這裡面就比較的複雜了….

render方法建立包裹元素ul，設定尺寸、對齊方式，調用builPageItem方法判斷前一頁、後一頁、首頁、尾頁、頁碼的顯示情況，建立對應li及a子元素；

buildPageItem方法建立li、a子元素，添加li、a的文本内容、提示層，a元素中綁定BootstrapPaginator類的onPageItemClicked方法，以此改變頁面樣式，或者通過跳連結的方式實作頁面内容的切換，替代前背景資料互動；

對于界面上要怎麼展示好看，這個得看你怎麼去展示了………