我正在使用弹簧框架。我的项目是“Maven 项目”。
//This is a function inside my navigator.jsp file
function selectNavigator(id) {
var color = "";
var colorSelected = "rgba(80,165,219)";
$("#nav-beacons").css("background-color", color);
$("#nav-messages").css("background-color", color);
$("#nav-locations").css("background-color", color);
$("#nav-analytics").css("background-color", color);
$("#nav-company").css("background-color", color);
$("#nav-users").css("background-color", color);
$(id).css("background-color", colorSelected);
}
此功能使用特定颜色更改所选项目的背景,同时使其余导航项目不着色。
这是我的模板...
<definition name="mainTemplate" template="/WEB-INF/templates/dashboard/index.jsp">
<put-attribute name="title" value="Home" />
<put-attribute name="heading" value="Home" />
<put-attribute name="onLoad" value="selectNavigator('nav-users')" />
<put-attribute name="header" value="/WEB-INF/templates/dashboard/header.jsp" />
<put-attribute name="body">
<definition template="/WEB-INF/templates/dashboard/body.jsp">
<put-attribute name="navigator" value="/WEB-INF/templates/dashboard/navigator.jsp" />
<put-attribute name="body_content" value="" />
</definition>
</put-attribute>
<put-attribute name="footer" value="/WEB-INF/templates/dashboard/footer.jsp" />
</definition>
我的“selectNavigator”函数被称为“onload”,但它不起作用。我不知道为什么它不起作用。