Question

我试图将我的JSP代码拆分，以便它不是全部在一个文件中。我有2个选项卡 - Home和Test。这是我的代码：

<ul>
   <li><a href="#tabHome">Home</a></li>
   <li><a href="#test">Test</a></li>
</ul>

问题是当加载主页面时，它还会加载测试页面。以下是我链接到测试页面的方式：

<div id="test">
    <tr>
        <td>
            <jsp:include page="test.jsp" />
        </td>
    </tr>
</div>

和test.jsp：

<table>
<tr>
    <td>
        <div>
        <table width="100%" border="0">
        <col width="14%">
            <form:form id="testForm" method="post" action="/test/testing
            <tr>
                <td> SYSTEM SETTINGS </td>
            </tr>
            </form:form>
         </table>
         </div>
     </td>
</tr>
</table>

我做错了什么？如何在单击选项卡时显示test.jsp？

Answer 1

#name形式的锚点href指向同一页面上的内容。你需要Javascript来显示你刚刚点击的标签并隐藏另一个标签。

或者，您可以在另一页上使用第二个标签：链接到单独JSP中的选项卡的公共代码：

tabs.jsp：

<ul>
   <li><a href="/path/to/tabHome.jsp">Home</a></li>
   <li><a href="/path/to/test.jsp">Test</a></li>
</ul>

然后其他JSP都会包含tabs.jsp来显示tabset，所以它在所有页面上看起来都一样。

将JSP文件链接到另一个JSP中

1 个答案: