-2

現在、Jquery UI タブを使用して Web ページを作成しています。3 つのタブがあり、最初のタブには「こんにちは」と「良い一日を」というメッセージが表示されます。2 番目と 3 番目のタブには、何らかの操作を実行する別のページがあります。ページにはファイルをアップロードする場所があり、ボタンをクリックすると、ファイルに対していくつかの操作が実行され、結果がテキスト ボックスに表示されます。問題は、これら 2 つのページのいずれかでボタンをクリックするとすぐに、メイン ページが「hello」を表示する最初のタブにリダイレクトされることです。ボタンを送信した後でも 2 番目または 3 番目のタブが損なわれないようにコードを変更するにはどうすればよいですか?

私のJavascript：

<script type="text/javascript" src="http://www.google.com/jsapi"></script>
 <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<script>


$(function()
{
             $("#menu  ul li a").each(function() {
                        $(this).removeClass("active");
                });

             $("#menu ul li a").click(function(e) {
                e.preventDefault();

                $("#menu ul li a").each(function() {
                        $(this).removeClass("active");
                });

                $(this).addClass("active");
});      
$("#menu").tabs({ fx: {opacity:"toggle"}} );
});

そして私のHTMLコード：

<body  background="wood_bg.jpg" >

<div id="menu">
   <ul>
     <li> <a href="#tab-1" >Welcome</a></li>
      <li> <a href="#tab-2" title="Decode">Decode Support key</a></li>
      <li> <a href="#tab-3" title="Response">Response Generator</a></li>
   </ul>

<div id="tab-1" >
    <div id ="main">
             <p> HELLO </p>
             <p> HAVE A GREAT DAY </p>

            </div>
            </div>

 <div id="tab-2">
    <div id ="main">

   <p>   MY 2nd TAB PAGE HERE </p>

            </div>
            </div>


 <div id="tab-3">
    <div id ="main">

   <p>   MY 3nd TAB PAGE HERE </p>

            </div>
            </div>
4

1 に答える 1