為什么BackTop 提示未定義呢 Cannot read property 'BackTop' of undefined
define(['jquery','scrollto'],function($,scrollto){
function BackTop(el,opts){
this.opts = $.extend({},BackTop.DEFAULTS,opts);
this.$el = $(el);
this.scrollto = new scrollto.ScrollTo(){
dest:0,
speed:this.opts.speed
};
this._checkPosition();
if(this.opts.mode == 'move'){
this.$el.on('click',$.proxy(this._move,this))
}else{
this.$el.on('click',$.proxy(this._go,this))
}
$(window).on('scroll',$.proxy(this._checkPosition,this));
}
BackTop.DEFAULTS = {
mode:'move',
pos:$(window).height(),
speed:800
}
BackTop.prototype._move = function(){
this.scrollto.move();
};
BackTop.prototype._go = function(){
this.scrollto.go();
};
BackTop.prototype._checkPosition = function(){
var el = this.$el;
if($(window).scrollTop() > this.opts.pos){
el.fadeIn();
}else{
el.fadeOut();
}
};
? // 將返回功能模塊封裝在jq上
$.fn.extend({
backtop: function(opts){
return this.each(function(){
new BackTop(this,opts)
})
}
});
return{
BackTop:BackTop
}
})
2016-06-15
this.scrollto = new scrollto.ScrollTo() ?改為 this.scroll = new scrollto.ScrollTo()
把下面的相應的this.scrollto都改成this.scroll
因為引入的模塊兒叫scrollto ?所以這邊再用scrollto可能是起沖突了