私はこのようなステータスインジケータを構築しています:
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を使用していないので、コードが複雑になりすぎていると感じています。
そういえば、これはどこかで聞かれたのかもしれませんが、まだ見つけられていません。