0

4 つの jquery UI タブを持つページがあります。最初のタブには、「HELLO」というメッセージが表示されるだけです。2 番目、3 番目、4 番目のタブでは、いくつかの html および php スクリプトが実行されています。すべてのページが正しく表示されています。しかし、たとえば、ボタンを送信して 3 番目のタブで php スクリプトを実行しているとします。実行されますが、ページがリロードされると、最初のタブが一瞬ちらつき、次に 3 番目のタブが表示されます。すべてのタブについても同様です。最初のタブは常に数秒間表示され、その後表示されなくなります。他のタブがいくつかのphpスクリプトを実行するときに、最初のタブ(またはそれが書かれているdiv)がバイパスされるように、いくつかのコードを追加することを教えてください。

私の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>


$(document).ready(function()

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


            e.preventDefault();

            $("#menu ul li a").each(function() {


                    $(this).removeClass("active");

            });

                $(this).addClass("active");
});


$("#menu").tabs({
fx: { height: 'toggle', opacity: 'toggle' }
});
});

私のHTMLコードは次のとおりです:

 <div id="menu">
       <ul>
          <li><a href="#tab-1" onClick="window.location.href='#tab-1';return false;" >Welcome</a></li>

            <li><a href="#tab-2" onClick="window.location.href='#tab-2';return false" title="Decode">Activation Response Generator</a> </li>
          <li><a href="#tab-3" onClick="window.location.href='#tab-3';return false" title="Response">Decode Support Key</a></li>
           <li><a href="#tab-4" onClick="window.location.href='#tab-4';return false" title="Response">Decode Recovery Key</a></li>
     </ul>

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

          <div align=center>
     <table style="padding-top:20px;"> <tr>
    <td style="padding-left:20px;"> <img src="Aruba_Networks_newLogo.png " />   </td>
    <br/>
    </div>


          <?php session_start();$user = $_SESSION['usr'];?>
            </br>
         <tr>
         <td> <font size ="6"> <b> <u> Welcome <?php echo $user; ?></u> </b> </font>  </td>
         </br>
         </br>
         <td> <font size ="6"> <b> <u> HAVE A GREAT DAY  </u> </b> </font> </td>
         </br>
         </br>
         <td> <font size ="6"> <b> <a href="logout.php">Logout</a> </b>  </font></td>
         </tr>




                </div>
                </div>





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

                      SOME HTML SUBMIT BUTTONS AND TEXTBOXES TO DISPLAY OUTPUT WITH PHP RUNNING IN THE BACKGROUND 
</div>
</div>

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

                      SOME HTML SUBMIT BUTTONS AND TEXTBOXES TO DISPLAY OUTPUT WITH PHP RUNNING IN THE BACKGROUND 
</div>
</div>

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

                      SOME HTML SUBMIT BUTTONS AND TEXTBOXES TO DISPLAY OUTPUT WITH PHP RUNNING IN THE BACKGROUND 
</div>
</div>

</div>
4

1 に答える 1