$('#Colors span').live('click', function(){
var layerFind = "BACK";
if ($(this).hasClass('.CI_W')) {
layerFind = "WHITE";
} else if ($(this).hasClass('.CI_U')) {
layerFind = "BLUE";
} else {
layerFind = "BASE";
}
$("#Base").attr("src", 'Layers/' + layerFind + '.png');
});
色を表すアイコンであるスパンがあります。ユーザーがアイコンをクリックすると、文字列変数 layerFind が適切な色に変わります。この文字列は、イメージ ファイルの src として使用されます。現在、ページをロードするときのデフォルトである BASE 文字列値で機能しますが、スパン クリックには応答しません。
switch ステートメントの方が理にかなっているのかどうか疑問に思っています。後で、クリックした色を組み合わせることができるようにするために、このスクリプトが必要になります。たとえば、白いアイコンと黒いアイコンをクリックすると、文字列が略語の WB になり、その名前の画像ファイルは灰色の画像になります。3 つ以上をクリックすると、RAINBOW などのセカンダリ デフォルトが使用されます。