javascript
var defaults = { items_per_page:10, //每页显示数量 默认为10 [可选择10、20、50、100] current_page: 1, //当前显示页码,默认为1 第一页 prev_text: "«", //上一页字符 next_text: "»", //下一页字符 ellipse_text: "...", //省略页面部分字符 pageCallBack: function(){return false;}, //返回函数-页码改变 selectCallBack: function(){return false;}, //返回函数-每页显示改变 getCurrentPage: function(){ return current_page}, //获取当前页码 getItemsPerPage: function(){ return items_per_page} //获取当前每页显示数 }; ----------使用------- $("#myPage").nbptPage(988,{ items_per_page:10, current_page: 1, prev_text: "«", next_text: "»", ellipse_text: "...", pageCallBack: function(){ //页码改变时回调函数 console.log(this.getCurrentPage()); }, selectCallBack: function(){ //每页显示数量改变时回调函数 console.log(this.getItemsPerPage()); } });
pageCallBack和selectCallBack 两个function 是用来回调。 getCurrent那两个是用来获取改变页码后的页码,这两个参数的暴露 一直感觉自己写的有点问题?请问怎么处理
ringa_lee2017-04-10 15:23:02
直接传参就可以了
$("#myPage").nbptPage(988,{
items_per_page:10,
current_page: 1,
prev_text: "«",
next_text: "»",
ellipse_text: "...",
pageCallBack: function(page){
//页码改变时回调函数
console.log(page);
},
selectCallBack: function(item){
//每页显示数量改变时回调函数
console.log(item);
}
});
伊谢尔伦2017-04-10 15:23:02
jquery开发插件有2中方式
$.extend({
add:funtion(){}
})
$.fn.extend({
add:funtion(){}
});
第一种是创建工具方法,第二种是创建对象方法,楼主的这样应该用第二种方法