Question

jquery 插件开发 添加 回调

(function($) {
$.fn.MyCss = function(options) {
var defaults = {
bd: '#000',
cl: 'red'
};
var opts = $.extend(defaults, options);
return this.each(function() {
var _this = $(this);
_this.css({'background': opts.bd, 'color': opts.cl});
});
};
})(jQuery);

怎么添加callback

Answer 1

你的插件不应该用 return 返回，因为你不需要得到一个值，而是直接设置 CSS

var _this = $(this) 这一句是没有必要的

(function($) {
$.fn.MyCss = function(options, callback) {
var defaults = {
bd: '#000',
cl: 'red'
};
var opts = $.extend(defaults, options);
$(this).each(function() {
$(this).css({'background': opts.bd, 'color': opts.cl});
});
if(callback) {
callback();
}
};
})(jQuery);

使用 callback，后面的 function 就是回调函数

$(function() {
$("#foo, .bar").MyCss({}, function() {
alert("CSS 设置成功");
});
});

Answer 2

var defaults = {
bd: '#000',
cl: 'red',
callBack: function(){}
};
调用opts.callBack();