我应该在哪里添加jQuery插件元素的样式?

前端之家收集整理的这篇文章主要介绍了我应该在哪里添加jQuery插件元素的样式? 前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

将样式添加到脚本本身或外部样式表中的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)亮相!

猜你在找的jQuery相关文章