jquery - 我应该在 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

詹姆斯·帕多尔西说得对!