1

で動的に作成するいくつかのボックス（100以上）があります

<div id="window5"></div>
<div id="window18"></div>
<div id="window190"></div>

データベースの状態に基づいて、さまざまなボックスにデフォルトのさまざまな色が表示されます。ここで、一方のボックスをクリックすると色が灰色になり、もう一方のボックスをクリックすると色が赤に変更されます（最初のボックスの色が通常になります）。灰色の色（クリック）を取得できるのは次の場合のみです。私のデフォルトの色は存在しません。一部の色が存在する場合、灰色は元のデフォルトの色の下に非表示になります。これを解決するためのcssプロパティはありますか？

私のcssファイル： 

.selected{
    background-color: red;
}

javasscriptコードを次のように使用しました。

    $(document).ready(function () {
        $("div[id *= 'window']").live('click', function (e) {

           $(".selected").removeClass("selected");
            $(this).addClass("selected");
            e.stopPropagation();
        });
        $(document).click(function () {
            $(".selected").removeClass("selected");
        });
    });       

</script>
4

2 に答える 2

0

スタイルシート内ですでに背景色を指定している場合は、それが優先される可能性があります。これを克服するには、インラインスタイルまたは！importantディレクティブを使用できます。

background-color:red!important;
于 2012-05-21T12:59:10.623 に答える
0

the div's doesnt have a size so there is no background to be shown.

If you put show text in your div or you give it a width & height it will show your background

于 2012-05-21T12:56:03.977 に答える