2013-08-01 114 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 –

回答

相关问题