我在决策报表中添加了3个按钮,用于控制tab块3个页签的切换。(这部分已通过对按钮控件添加JS点击事件实现) 按钮的样式我的需求是选中的按钮其背景颜色为灰色,没选中的按钮其背景颜色跟报表底色相同,为蓝色。选择另一个按钮时,原被选中的按钮从灰色恢复为蓝色。 我在body添加了以下初始化的JS脚本setTimeout(function(){
//初始化按钮的颜色(第一个按钮为灰色,第二第三个按钮为蓝色)
$("div[widgetname='BUTTON0'").find("div").css({'background-color':'#443f46'});
$("div[widgetname='BUTTON1'").find("div").css({'background-color':'#042045'});
$("div[widgetname='BUTTON2'").find("div").css({'background-color':'#042045'});
//设置点击按钮后按钮背景颜色的变化
$("").click(function(){
$("").css("background-color","#042045");
$(this).css("background-color","#443f46")
.stopPropagation();
})
},500)得到的效果如下图:1、打开报表后2、点击第二个按钮3、点击第三个按钮请问为什么点击第二第三个按钮时,中间文字部分仍然显示初始化的蓝色背景,第一个按钮的文字部分仍然显示初始化的灰色背景?请问我的JS代码需要如何调整?JS小白,语句都是在各个问答中找到的,请教一下各位,谢谢!