Tab继续返回到jquery的第一个选项卡

Tab继续返回到jquery的第一个选项卡,jquery,asp.net,cookies,tabs,Jquery,Asp.net,Cookies,Tabs,我有两个选项卡,第一个选项卡只有gridview,另一个选项卡有按钮。现在,每当我单击第二个选项卡上的按钮时,它必须根据其功能填充第二个选项卡上的gridview,它确实已填充,但是页面返回到第一个选项卡,然后我必须单击下一个选项卡以查看第二个选项卡中填充的gridview。我听说我必须使用cookies才能保留到那个账单上。但是我对jquery还不熟悉,所以我真的不知道该怎么做。这是我的密码 $(function() { var tabs = $( "#tabs" ).tabs(); ta

我有两个选项卡,第一个选项卡只有gridview,另一个选项卡有按钮。现在,每当我单击第二个选项卡上的按钮时,它必须根据其功能填充第二个选项卡上的gridview,它确实已填充,但是页面返回到第一个选项卡,然后我必须单击下一个选项卡以查看第二个选项卡中填充的gridview。我听说我必须使用cookies才能保留到那个账单上。但是我对jquery还不熟悉,所以我真的不知道该怎么做。这是我的密码

 $(function() {
var tabs = $( "#tabs" ).tabs();
 tabs.find( ".ui-tabs-nav" ).sortable({
 axis: "x",
 stop: function() {
 tabs.tabs( "refresh" );
             }
 });
  });
以下是部门:

<div id="tabs" class="tab"> 
          <ul> 
         <li><a href="#tabs-2" >Visitors For Today</a></li> 
         <li><a href="#tabs-1">Reports</a></li> 
          </ul>
    <div id = "tabs-1">
         //some codes
    </div>
    <div id = "tabs-2">
         //somecodes
    </div>



</div>

利用浏览器历史记录和重新加载按钮

你可以用

观看演示


正如您所说,您可以使用jquery cookies()保存当前选项卡的索引,然后在重新加载页面时,将
tabs()
active
选项设置为您刚才保存的索引()。

这应该非常简单,只需添加对当前选项卡的引用即可(下载它并将其添加到项目中,然后添加本地引用),然后将您的
tabs()
调用修改为如下内容:

    $("#tabs").tabs({
        cookie: {
            name: 'my-unique-cookie',
            // store cookie for a day, without, it would be a session cookie
            expires: 1,
            path: '/'
        }
    });

您可能希望自定义
名称
路径
选项。选项参考按原样位于左侧,cookie将对整个站点有效,并命名为
我的唯一cookie
,很抱歉更新太晚。我已在不使用cookie的情况下解决了此问题,因为它在asp中。情况如下:

$("#tabs").tabs({

activate: function() { 

var selectedTab = $("#tabs").tabs('option', 'active');

$("#<%= hdnSelectedTab.ClientID %>").val(selectedTab);

//alert(selectedTab);

},

active: $("#<%= hdnSelectedTab.ClientID %>").val()

}); 
$(“#选项卡”).tabs({
激活:函数(){
var selectedTab=$(“#tabs”).tabs('option','active');
$(“#”)val(选定的选项卡);
//警报(已选择选项卡);
},
活动:$(“#”)val()
}); 
然后在asp上:

希望这对你有所帮助。谢谢你的帮助。我无法使用cookies,因为我觉得很难理解。对不起,我对jquery真的很陌生


注意:我使用的是jquery ui 1.9,代码会根据您的版本发生变化

我假设您使用的是jquery ui选项卡?是的,先生,我使用的是jquery ui选项卡
$("#tabs").tabs({

activate: function() { 

var selectedTab = $("#tabs").tabs('option', 'active');

$("#<%= hdnSelectedTab.ClientID %>").val(selectedTab);

//alert(selectedTab);

},

active: $("#<%= hdnSelectedTab.ClientID %>").val()

});