我使用的是Spring 3.0 +瓷砖.我已经为所有页面创建了带有锚标记的公共菜单,并为其应用了css.我点击菜单时使用Jquery动态更改菜单的css类.
当选择菜单/链接时,将应用"selectedTab"css类,并且对于所有正常链接应用"tab"css类.我面临的问题是,每次请求/点击菜单都会应用样式类,然后在响应后再次取消应用.也就是说,样式仍然在请求和响应之间应用.但不是在回应之后.菜单链接的代码如下:
<div id="menu" class=" mainPageLayout clearFix" style="width:980px;margin:0 auto;">
<a id="dashboard" class="selectedTab" href="dashboard.html" onclick="return changeCss('dashboard');">
<span>Dashboard</span>
</a>
<a id="projects" class="tab" href="projectscontroller.html" onclick="return changeCss('projects');">
<span>Projects</span>
</a>
<a id="milestones" class="tab" href="milestones.html" onclick="return changeCss('milestones');">
<span>Milestones</span>
</a>
<a id="tasks" class="tab" href="tasks.html" onclick="return changeCss('tasks');">
<span>Tasks</span>
</a>
<a id="discussions" class="tab" href="messages.html" onclick="return changeCss('discussions');">
<span>Discussions</span>
</a>
<a id="reports" class="tab" href="reports.html" onclick="return changeCss('reports');">
<span>Reports</span>
</a>
<a id="history" class="tab" href="projects/history.html" onclick="return changeCss('history');">
<span>History</span>
</a>
<a id="templates" class="tab" style="float: right;" href="projects/users.html" onclick="return changeCss('templates');">
<span>Project templates</span>
</a>
<a id="users" …Run Code Online (Sandbox Code Playgroud)