将样式添加到脚本本身或外部样式表中的jQuery插件生成的元素中是否被认为是一种好习惯?
(function($) {
$.myplugin= function(options) {
var options = jQuery.extend({
backgroundColor: '#0066cc',borderColor: '#003366',borderWidth: '1px',fontColor: '#66ccff'
// etc...
},options);
var html = '<div id="__plugin">...</div>';
var $plugin= $(html).css({
'color': options.fontColor,'background-color': options.backgroundColor
'border-color': options.borderColor,'border-width': options.borderWidth,'display': 'none'
// etc...
});
return $plugin.appendTo(document.body);
};
})(jQuery);
我应该采用上述方法,让插件的用户传入参数来自定义样式,还是应该消除样式元素并使用外部样式表?
我的直觉告诉我我应该使用后者,但是我很好奇标准做法是什么,或者甚至没有?
最佳答案
如果可以帮助,则不应在插件中真正包含样式.最好的办法是将html公开为插件的参数.请参阅此文章:
http://www.learningjquery.com/2009/03/making-a-jquery-plugin-truly-customizable
詹姆斯·帕多西(James Padolsey)亮相!