H5W3
当前位置:H5W3 > 其他技术问题 > 正文

【Web前端问题】关于jQuery插件开发的问题?急急急急 在线等!

javascriptvar 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那两个是用来获取改变页码后的页码,这两个参数的暴露 一直感觉自己写的有点问题?请问怎么处理

回答:

直接传参就可以了

 $("#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);
        }

    });

回答:

没有增加页码的逻辑

回答:

jquery开发插件有2中方式

$.extend({
    add:funtion(){}
})
$.fn.extend({
    add:funtion(){}
});

第一种是创建工具方法,第二种是创建对象方法,楼主的这样应该用第二种方法

本文地址:H5W3 » 【Web前端问题】关于jQuery插件开发的问题?急急急急 在线等!

评论 0

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址