我有几个盒子(超过 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>