2013-05-09 80 views
0

我使用tabcontainer与三个tabs.using css tabcontainer,而不是ajax tabcontainer.then我设置自动刷新每一分钟。现在我选择tab2,但是当页面刷新它自动去tab1.so当页面加载或刷新时如何维护选定的选项卡,我想jquery.please帮助我。我正在尝试,选项卡单击事件我得到选项卡选定的索引,然后此值传递到页面加载,但不工作,是任何其他的方式来保持选择的标签页时也load.cookies尝试,但没有用,用则隐藏字段,但不知道怎么这个隐藏值从CS page.my代码得到tabcontainer与页面加载时的活动选项卡

<div id="Nav" class="tabNav" style="width: 80%; height: auto; float: left; margin-left: 8.9%;" onclick="pageload()"> 
    <ul class="tabNav" id="tab"> 
     <li><a href="#nogo" title="Address Info" linkrel="#tab-1">Address Info</a> 
     </li> 
     <li><a href="#nogo" title="Additional Info" linkrel="#tab-2">Additional Info</a> 
     </li> 
     <li><a href="#nogo" title="Payment &amp; Job Info" linkrel="#tab-3">Payment Info</a> 
     </li> 
     <li></li> 
    </ul> 
</div> 

<div class="full" id="tab-1">//Some Dada</div> 
</div> 
<div class="full" id="tab-2">//Some Dada</div> 
</div> 
<div class="full" id="tab-3">//Some Dada</div> 
+0

var selected function pageload(){ var $ tabs = $('#Nav')。tabs(); selected = $ tabs.tabs('option','selected'); alert(selected); – user2235898 2013-05-09 12:05:50

+0

每当你打算点击标签时,获取该标签索引并将其全局存储,同时重新加载页面时获取该标签索引值并使其成为选中状态。 – 2013-05-09 12:06:24

+0

如何获得全球价值,该值保存到按钮单击事件,如何将该值传递到页面加载,所以只有我使用Cookie,但不能使用,任何其他方式,感谢您的快速回复 – user2235898 2013-05-09 12:11:16

回答

0

您的变量设置JS不会跨多个页面存在。你可以添加一个变量的URI刷新前,并用它来选择相应的选项卡:

$("#Nav").bind('tabsselect', function(e, ui) { 
    window.location.href = window.location.href + "?tab=" + ui.index; 
}); 

...现在,当您刷新页面,您可以搜索的URI tab变量,并选择适当的指数。当然,您可以进行更深入的URI检查,以确保适当地构建新的window.location值。

考虑:

如果你已经探索了隐藏字段的方法,假设你在存储领域的指数,你可以访问值为$('#hiddenFieldId').val()并通过$('#Nav').tabs({ selected: $('#hiddenFieldId').val() });设置您的选项卡

+0

是否有可能使用cookie来获取值并传递到页面加载,页面刷新也我做到jquery – user2235898 2013-05-09 13:51:10

+0

你可以使用'jQuery-cookie'来设置和获取cookie(http://stackoverflow.com/questions/1458724/how-to-set-unset-cookie-with-jquery),但是你也可以直接使用JS(在那个答案中也提到过)。 – jterry 2013-05-09 13:59:09