Jquery ui jQueryUI选项卡-2个问题

Jquery ui jQueryUI选项卡-2个问题,jquery-ui,jquery,jquery-ui-tabs,Jquery Ui,Jquery,Jquery Ui Tabs,我正在使用jQuery选项卡,但遇到了一些问题。让我在这里为您详细介绍它们,然后我将把代码放在下面: 问题1: 我在本地div中总共有6个选项卡默认选项卡,其他5个通过Ajax加载。当页面加载时,我需要默认选择第三个选项卡。容易的问题是,假设我链接到第三个选项卡,它仍然显示,而不是服务选项卡 我尝试使用cookie设置所选的值,但它就是不能正常工作 问题2: 这是少校,我似乎不明白。第三个选项卡是默认数据,如果我单击该选项卡右侧的选项卡并返回,则所有内容都是金色的。但是如果我单击第三个选项卡左侧

我正在使用jQuery选项卡,但遇到了一些问题。让我在这里为您详细介绍它们,然后我将把代码放在下面:

问题1:

我在本地div中总共有6个选项卡默认选项卡,其他5个通过Ajax加载。当页面加载时,我需要默认选择第三个选项卡。容易的问题是,假设我链接到第三个选项卡,它仍然显示,而不是服务选项卡

我尝试使用cookie设置所选的值,但它就是不能正常工作

问题2:

这是少校,我似乎不明白。第三个选项卡是默认数据,如果我单击该选项卡右侧的选项卡并返回,则所有内容都是金色的。但是如果我单击第三个选项卡左侧的选项卡,所有默认的左侧或右侧选项卡都将通过Ajax加载,然后单击返回第三个选项卡,面板将完全消失,为空白。然后,单击另一个选项卡不仅会使第三个选项卡处于选定状态,而不仅仅是内容选项卡本身,而且选定选项卡也会以选定状态显示

我在绞尽脑汁想弄清楚这里到底发生了什么。我今天要出差一段时间,但会尽可能办理登机手续。希望你们中的一个能帮我解决这个问题

好的。。。这是我的jquery中的代码

$(document).ready(function() {
          //build tabs
          $("#tabs").tabs( { 
              cookie: { expires : 30 },
              load: function(ui) {
                  //initilize accordion
                  $("#accordion").accordion( { active: 2 } );
              },
              show: function(event, ui) {
                  //initialize accordion
                  $("#accordion").accordion( { active : 2 } );
                  //cookie select
                  var cookie = $("#tabs").tabs("option", "cookie");
                  /*
                  if(cookie) {
                      $("#tabs").tabs("select", $.cookie('ui-tabs-1'));
                  } else {
                      $("#tabs").tabs("select", 2);
                  }
                  */
              },
              ajaxOptions: {
                  dataFilter: function(data, dataType) {
                      return $(data).find("#content_area");
                  }
              }
          } ); 

      });
以下是我选项卡中的代码:

<div id="tabs">
    <ul>
       <li><a href="home.html" title="home">Home</a></li>
       <li><a href="services.html" title="services">Services</a></li>
       <li><a href="#content_area">Company</a></li>
       <li><a href="employee.html" title="employee">Employee</a></li>
       <li><a href="work-tools.html" title="work_tools">Work Tools</a></li>
       <li><a href="contact.html" title="contact">Contact</a></li>
    </ul>

    <div id="content_area">
       <p>CONTENT HERE</p>
    </div>
    <!-- end #content_area -->


我真诚地感谢你的帮助

好的。。。明白了!这是一个全新的方向,实际上效果更好,因为我可以使用选项卡和后退按钮进行自定义地址栏更改

我强烈推荐这本书,因为我用它来解决我的问题。我不得不对选项卡中的手风琴进行一些调整,因为autoHeight不起作用,但通过检查手风琴div的高度并设置changestart来修复这一问题