struts 1、js、ajaxを使用して各タブのクリックで異なるデータを表示

Question

導入：私はstruts1、タイルでNewsetterを開発しています。フロントエンド用にjsとajaxを使用します。 ページの上部に8つのタブがあります。各タブのクリックごとに異なるデータを表示したい。タブ（ボタン）をクリックすると、AJAX呼び出しを使用してフォームのプロパティを設定するアクションクラスを呼び出すJS関数が呼び出され、left.jspに転送されます（left.jspは私のレイアウト、タイルで使用される）。プロジェクトとKnowAMSSは8つのタブの中で二つのタブです**

<div id="left1"> 
    <form name="Project" method="post" > 
    <bean:write name="Project" property="name" /> 
    </form> 
    <form name="KnowAMSS" method="post" > 
    <bean:write name="KnowAMSS" property="namexyz" /> 
    </form> 
</div> 

： 私left.jspは次のようになります。

問題：別のタブをクリックすると、同じプロセスが続き、それぞれのタブにデータが表示されます。ただし、以前にクリックされたタブのデータも表示されます。私はそれらを望んでいません。私が最近押したタブだけのデータが必要です。 これで私を助けてください。おかげさまで

http://jqueryui.com/demos/tabs/default.html

ソース：

Answer 1

は

は、私はあなたがここでjqueryの-UI

のような例を外部ライブラリを使用することをお勧めします...あなたのタスクを達成する別の方法がありますコードは非常に単純です：

Javascript：

$(function() { 
    $("#tabs").tabs(); 
}); 

HTML：

<div id='tabs'> 
     // your HTML code 
    </div>