zepto 模塊化打包

zepto event ajax form ie detect fx fx_methods assets data deferred callbacks selector touch gesture stack ios3 所有模塊html

http://blog.csdn.net/kataerdeshui/article/details/45825315ios

https://github.com/madrobby/zepto源文件下載地址git

注意:找到make文件,打開,找到第42行的位置,添加須要的模塊名稱(這裏我增長了fx_methods 和 fx 模塊),以空格作分隔;github

不能斷行!!!!ajax

選中 zepto-master 文件夾按住shift鍵並右鍵選擇"在此處打開命令窗口」快捷方式打開npm

執行 npm install 命令函數

輸入npm run-script dist 命令,進行構建post

zepto擴展prevAll 與nextAll 方法

$.fn.prevAll = function(selector){
             var prevEls = [];
             var el = this[0];
             if(!el) return $([]);
             while (el.previousElementSibling) {
                    var prev = el.previousElementSibling;
                    if (selector) {
                      if($(prev).is(selector)) prevEls.push(prev);
                    }
                    else prevEls.push(prev);
                    el = prev;
                  }
                  return $(prevEls);
            };
             
            $.fn.nextAll = function (selector) {
                  var nextEls = [];
                  var el = this[0];
                  if (!el) return $([]);
                  while (el.nextElementSibling) {
                    var next = el.nextElementSibling;
                    if (selector) {
                      if($(next).is(selector)) nextEls.push(next);
                    }
                    else nextEls.push(next);
                    el = next;
                  }
                  return $(nextEls);
                };

 2.//zepto.js scrollTo擴展動畫

$.fn.scrollTo =function(options){
        var defaults = {
            toT : 0,    //滾動目標位置
            durTime : 500,  //過渡動畫時間
            delay : 30,     //定時器時間
            callback:null   //回調函數
        };
        var opts = $.extend(defaults,options),
            timer = null,
            _this = this,
            curTop = _this.scrollTop(),//滾動條當前的位置
            subTop = opts.toT - curTop,    //滾動條目標位置和當前位置的差值
            index = 0,
            dur = Math.round(opts.durTime / opts.delay),
            smoothScroll = function(t){
                index++;
                var per = Math.round(subTop/dur);
                if(index >= dur){
                    _this.scrollTop(t);
                    window.clearInterval(timer);
                    if(opts.callback && typeof opts.callback == 'function'){
                        opts.callback();
                    }
                    return;
                }else{
                    _this.scrollTop(curTop + index*per);
                }
            };
        timer = window.setInterval(function(){
            smoothScroll(opts.toT);
        }, opts.delay);
        return _this;
    };
2:調用方法:$("body").scrollTo({toT:500});距離、時間還有回調函數參數傳遞就好了
 
轉自:http://www.cnblogs.com/skyHF/p/4720308.html
相關文章
相關標籤/搜索