javascript - jQuery を使用して background-image を設定すると、背景が 1 回だけ変更されます

Question

background-image変数の値に応じて、1 つの要素のプロパティを設定しようとしています。初めてのみ機能します。準備完了に切り替えると、背景画像の変更が停止します。画像自体は小さく、約 8 ～ 10 kB です。

これは私のコードです:

if(status != '') {
    console.log('status');
    console.log(status);

    switch(status) {
        case 'dev':
            $('#status').css('background-position','0px -160px');
            break;
        case 'ready':
            $('#status').css('background-position','0px -240px');
            break;
        case 'soon':
            $('#status').css('background-position','0px 0px');
            break;
        case 'design':
            $('#status').css('background-position','0px -80px');
            break;
    }
    }

要素の CSS は次のとおりです。

#status {
z-index: 1;
float: right;
height: 80px;
width: 80px;
background: url(/images/front/status-sprite.png);
background-position: 0px -160px;
margin: 0 10px 0 0;
}

挙動は変わりませんでした。背景画像は準備完了に変わりますが、元には戻りません。

編集: コードはcsssprites.comによって生成されたスプライトを使用して更新されます。