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