帆软两个按钮点击换色

原创已于 2022-09-14 09:13:55 修改 · 2.5k 阅读

7 ·

本内容遵循CC 4.0 BY-SA版权协议

标签

#前端 #css #javascript

收录于

于 2020-03-19 09:58:51 首次发布

帆软学习文档专栏收录该内容

15 篇文章

订阅专栏

首先，创建按钮时背景色要保持默认：

添加初始化样式：初始化时要加定时器，不然会找不到DOM，这是一个小bug

//trimbutton_top3
setTimeout(function() {
	var trimbutton_top3 = _g().getWidgetByName("trimbutton_top3").element;
	var trimbutton = _g().getWidgetByName("trimbutton").element;
	//$(trimbutton_top3).css("background-color", "rgb(122,177,249)");
	$(trimbutton_top3).css("background", "rgb(122,177,249)");
	$(trimbutton_top3).children().css("background", "rgb(122,177,249)");

	$(trimbutton).css("background", "rgb(150,150,150)");
	$(trimbutton).children().css("background", "rgb(150,150,150)");
}, 200);

预览显示：

点击事件中切换样式：

var trimbutton_top3 = _g().getWidgetByName("trimbutton_top3").element;
var trimbutton = _g().getWidgetByName("trimbutton").element;
//$(trimbutton_top3).css("background-color", "rgb(122,177,249)");
$(trimbutton_top3).css("background-color", "rgb(122,177,249)");
$(trimbutton_top3).children().css("background-color", "rgb(122,177,249)");

$(trimbutton).css("background-color", "rgb(150,150,150)");
$(trimbutton).children().css("background-color", "rgb(150,150,150)");