0

我试图拆分我的 JSP 代码，以便它不是全部在一个文件中。我有 2 个标签 - 主页和测试。这是我的代码：

<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？

4

1 回答 1

2

#name 形式的锚点 href 指向同一页面上的内容。您需要 Javascript 来显示您刚刚单击的选项卡并隐藏另一个选项卡。

或者，您可以在另一个页面上有第二个选项卡：链接到单独 JSP 中的选项卡的通用代码：

选项卡.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 以显示选项卡集，因此它在所有页面上看起来都相同。

于 2013-03-19T09:55:11.557 回答