jquery - 动态分配CSS类到网站菜单栏struts2

Question

我想为我的网站菜单栏动态分配 CSS 类

Header.jsp文件

 <div class='menuArea'>
         <ul>

            <li class="current"><s:a action="listUsers">Users</s:a></li>
            <li><s:a action="listCustomers">Customers</s:a></li>
            <li><s:a action="searchItems">Items</s:a></li>

        </ul>
    </div>

类“current”应用于第一个 li 元素并且是静态的，但我希望它是动态的，具体取决于所选页面。

<s:include value="header.jsp"/>用于在其他 JSP 中包含 header 。

Answer 1

如何使用 <s:include> 传递参数？标签。

<s:include value="header.jsp">
  <s:param name="currentmenu" value="'page_id'" />
</s:include>

然后在你的 header.jsp使用 ${param.your_param_name} 检索参数符号并将其设置为一些您可以在内部使用的变量 <s:if>标记以将类设置为元素。

<s:set name="curr">
  ${param.currentmenu}
</s:set>

<ul>
  <li <s:if test="#curr == 'first_page_id'">class="current"</s:if> >
    <s:a action="listUsers">Users</s:a>
  </li>
  <li <s:if test="#curr == 'second_page_id'">class="current"</s:if> >
    <s:a action="listCustomers">Customers</s:a>
  </li>
  <li <s:if test="#curr == 'third_page_id'">class="current"</s:if> >
    <s:a action="searchItems">Items</s:a>
  </li>
</ul>