swipe.scrollTo = function(x, speed) {
//执行动画移动
element.css({
'transition-timing-function' : 'linear',
'transition-duration' : speed + 'ms',
'transform' : 'translate3d(-' + x + 'px,0px,0px)'
});
return this; //这句是什么意思?返回的是哪个对象?
};
看的还是不明白
首先,通过 html 中的 `var swipe = Swipe($("#content"));` 获得 js 中返回的 `return swipe;` swipe 对象,并将其赋值给 html 中定义的 swipe 变量;
其次,通过 `swipe.scrollTo($("#content").width * 2, 5000);` 调用 js 中的 swipe 对象的 scrollTo 方法,并将该方法返回。
return this;是swipe.scrollTo(x, speed)返回值,return swipe是Swipe(container)的返回值 ,是不是这样?没有大神来回答一下
同求。。这个return this和return swipe有什么区别
function Swipe(container) {
// 获取第一个子节点
var element = container.find(":first");
var swipe = {};
// li页面数量
var slides = element.find("li");
// 获取容器尺寸
var width = container.width();
var height = container.height();
// 设置li页面总宽度
element.css({
width: (slides.length * width) + 'px',
height: height + 'px'
});
// 设置每一个页面li的宽度
$.each(slides, function(index) {
var slide = slides.eq(index); // 获取到每一个li元素
slide.css({
width: width + 'px',
height: height + 'px'
});
});
// 监控完成与移动
swipe.scrollTo = function(x, speed) {
// 执行动画移动
element.css({
'transition-timing-function' : 'linear',
'transition-duration' : speed + 'ms',
'transform' : 'translate3d(-' + x + 'px,0px,0px)'
});
return this;
};
return swipe;
}
连续操作类里方法,每次返回类实例,用return this;