0

すべてが1つのファイルにならないように、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 が必要です。

または、別のページに 2 番目のタブを配置することもできます: 個別の 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 にはすべて tabset を表示するための tabs.jsp が含まれるため、すべてのページで同じように表示されます。

于 2013-03-19T09:55:11.557 に答える