bootstrap一个插件源码,为什么组件最后要返回this.css()?
部分代码如下,插件地址如下
http://joaopereirawd.github.i...
$.fn.fakeLoader = function(options) {
var settings = $.extend({
timeToHide:1200, // Default Time to hide fakeLoader
pos:'fixed',// Default Position
top:'0px', // Default Top value
left:'0px', // Default Left value
width:'100%', // Default width
height:'100%', // Default Height
zIndex: '999', // Default zIndex
bgColor: '#2ecc71', // Default background color
}, options);
var el = $(this);
var initStyles = {
'position':settings.pos,
'width':settings.width,
'height':settings.height,
'top':settings.top,
'left':settings.left
};
el.css(initStyles);
//其他操作,略
return this.css({
'backgroundColor':settings.bgColor,
'zIndex':settings.zIndex
});
};
因为 jQuery 要支持链式操作,所以要求所有插件最后都要
return
当前实例。