1

我有几个盒子(超过 100 个)将动态创建

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

根据数据库条件,不同的框中会出现一些默认的不同颜色。现在,如果我单击一个框,颜色应该是灰色,然后如果我单击另一个框,颜色应该变为红色(第一个框颜色应该恢复正常)。我只能在以下情况下获得灰色(onclick)我的默认颜色不存在。如果存在某些颜色,则灰色将隐藏在原始默认颜色下。是否有任何 css 属性可以解决此问题。

我的css文件:

.selected{
    background-color: red;
}

使用 javascript 代码作为;

    $(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

div 没有大小,所以没有背景显示。

如果您将显示文本放在您的 div 中,或者您给它一个宽度和高度,它将显示您的背景

于 2012-05-21T12:56:03.977 回答
0

如果您已经在样式表中指定了背景颜色,那么这可能会优先。要克服这个问题,您可以使用内联样式或 !important 指令。

background-color:red!important;
于 2012-05-21T12:59:10.623 回答