2013-08-01 94 views
-2

我目前正在使用Jquery UI選項卡創建一個網頁。有3個選項卡,第一個選項卡中只顯示一條消息,說「你好」和「祝你有美好的一天」。第二個和第三個標籤有另一個頁面執行一些操作。這些頁面有一個上傳文件的位置,並且一旦單擊一個按鈕,它就會對該文件執行一些操作,並將結果顯示在文本框中。現在問題是,只要我點擊這兩頁中的任何一個按鈕,我的主頁就會被重定向到顯示「你好」的第一個標籤。我如何更改我的代碼,使我的第二個或第三個標籤完好無損,即使我提交了一個按鈕?PAge重定向到第一個標籤

我的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> 
+0

究竟你在問嗎? – Jacques

+0

你的問題不清楚,你能否編輯你的提交? –

+0

他忘了問這個問題!!! may bee –

回答

相關問題