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方法，以此改变页面样式，或者通过跳链接的方式实现页面内容的切换，替代前后台数据交互；

对于界面上要怎么展示好看，这个得看你怎么去展示了………