我应该在 jQuery 插件元素中在哪里添加样式？

Question

在脚本本身或外部样式表中为 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);

我应该采用上述方法，让插件的用户传入参数来自定义样式，还是应该消除样式元素并使用外部样式表？

我的直觉告诉我应该使用后者，但我很好奇标准做法是什么，或者是否有标准做法？

Answer 1

如果您能提供帮助，您不应该在插件中真正包含样式。最好的办法是将您的 html 作为插件的参数公开。有关此事，请参阅这篇文章：

http://www.learningjquery.com/2009/03/making-a-jquery-plugin-truly-customizable

詹姆斯·帕多尔西是当场的！