0

私はこのようなステータスインジケータを構築しています:

G = { status : function(type, msg) {
    var opts = {
        'plain': ['#ccc', '#000'],
            'alert': ['#900', '#fff']
    }
    var $el = $('<div id="status"></div>')
        .css({
        'background': opts[type][0],
            'color': opts[type][1]
    })
        .html(msg)
        .appendTo('body');
    return $el;
}}

私はそれを次のように呼びます:

G.status('plain','hello'); //makes a black text on grey background message
G.status('alert','ouch'); //makes a white text on red background message

質問: CSS の代わりに、さまざまなオプションのオブジェクトのような、より複雑なパラメーターを持つことができます。これを行うよりエレガントな方法はありますか?私は実際にはjavascriptとjqueryを使用していないので、コードが複雑になりすぎていると感じています。

そういえば、これはどこかで聞かれたのかもしれませんが、まだ見つけられていません。

4

1 に答える 1