Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/454.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 页面重定向到第一个选项卡_Javascript_Jquery_Ajax_Html - Fatal编程技术网

Javascript 页面重定向到第一个选项卡

Javascript 页面重定向到第一个选项卡,javascript,jquery,ajax,html,Javascript,Jquery,Ajax,Html,我目前正在使用Jquery UI选项卡创建一个网页。共有3个选项卡,其中第一个选项卡仅显示一条消息,表示问候并祝您度过愉快的一天。第二个和第三个选项卡有另一个执行某些操作的页面。页面有一个上传文件的地方,单击按钮后,它会对文件执行一些操作,结果显示在文本框中。现在的问题是,只要我点击这两个页面中的任何一个按钮,我的主页就会被重定向到显示hello的第一个选项卡。如何更改代码,以便即使在提交按钮后,我的第二个或第三个选项卡仍保持完整 我的Javascript: <script type="t

我目前正在使用Jquery UI选项卡创建一个网页。共有3个选项卡,其中第一个选项卡仅显示一条消息,表示问候并祝您度过愉快的一天。第二个和第三个选项卡有另一个执行某些操作的页面。页面有一个上传文件的地方,单击按钮后,它会对文件执行一些操作,结果显示在文本框中。现在的问题是,只要我点击这两个页面中的任何一个按钮,我的主页就会被重定向到显示hello的第一个选项卡。如何更改代码,以便即使在提交按钮后,我的第二个或第三个选项卡仍保持完整

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

您可以使用参数(例如?tab=3)从控制滚轮重新更正到页面

在您的页面上,让JS分析“页面”参数并显示适当的选项卡,类似于:

$(function() {
  // get params from window.location.href
  var tab = params.tab || 1;
  $("#tab-"+tab).click();
});

如何从位置获取参数-例如:

您到底在问什么?您的问题不清楚,能否编辑您的提交?他忘了问问题!!!为了清晰起见,请重新编辑您的代码,$function{之后的所有内容都被注释掉了,因此我们不知道实际运行的是什么等等。抱歉,伙计们不够清晰!!我现在已经编辑过了..请帮助我