blocks|key|1143231|text|jQuery+cookie+plugin有built-in+support+(direct+download)。您可以这样使用它：|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|1143232|$("#tabs").tabs({
++cookie:+{+expires:+7+}++//1+week
});|code-block|syntax|javascript|1143233|这与跨回发维护不同，但它通常能提供所需的效果。|1143234|entityMap|0|LINK|mutability|MUTABLE|url|http://plugins.jquery.com/project/Cookie|1|http://jqueryui.com/demos/tabs/#option-cookie|2|http://plugins.jquery.com/files/jquery.cookie.js.txt^0|0|K|0|L|G|1|13|F|2|0|0|0^^$0|@$1|2|3|4|5|6|7|W|8|@]|9|@$A|X|B|Y|1|Z]|$A|10|B|11|1|12]|$A|13|B|14|1|15]]|C|$]]|$1|D|3|E|5|F|7|16|8|@]|9|@]|C|$G|H]]|$1|I|3|J|5|6|7|17|8|@]|9|@]|C|$]]|$1|K|3|-4|5|6|7|18|8|@]|9|@]|C|$]]]|L|$M|$5|N|O|P|C|$Q|R]]|S|$5|N|O|P|C|$Q|T]]|U|$5|N|O|P|C|$Q|V]]]]

There's <a href="http://jqueryui.com/demos/tabs/#option-cookie" rel="nofollow noreferrer">built-in support</a> for the <a href="http://plugins.jquery.com/project/Cookie" rel="nofollow noreferrer">jQuery cookie plugin</a> (<a href="http://plugins.jquery.com/files/jquery.cookie.js.txt" rel="nofollow noreferrer">direct download</a>). You use it like this:

<pre><code>$("#tabs").tabs({
 cookie: { expires: 7 } //1 week
});
</code></pre>

It's not the same as maintaining across postback, but it usually provides the desired effect.

blocks|key|928760|text|您可以通过以下方式获取当前页签：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|928761|var+selected+=+$tabs.tabs('option',+'selected');|code-block|syntax|javascript|928762|然后，您可以通过执行以下操作选择选项卡(在完成帖子后)：|928763|$tabs.tabs('select',+selected);|928764|请注意，选项卡选择是基于0的索引，因此选择2意味着选择第三个选项卡。|928765|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|Q|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|R|8|@]|9|@]|A|$E|F]]|$1|K|3|L|5|6|7|S|8|@]|9|@]|A|$]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

You can get the current tab by doing this:

<pre><code>var selected = $tabs.tabs('option', 'selected');
</code></pre>

You can then select the tab (upon completion of the POST) by doing this:

<pre><code>$tabs.tabs('select', selected);
</code></pre>

Note that tab selection is 0-based indexing, so selecting 2 means selecting the third tab.

blocks|key|1143321|text|我不喜欢.NET，但是您可以连接到表单的submit()事件，并将当前活动的选项卡与表单数据一起发送到服务器。通过这种方式，在实际生成DOM和JS时，只需在服务器端选择适当的选项卡即可。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1143322|就像..。|1143323|$("#the_form").submit(function(){
++var+$form++++++++++++=+$(this);
++++++selected_tab_idx+=+$("#the_tabs").tabs(+"option",+"selected"+);
++$('<input+/>',+{type:+hidden,+name:+'tab_index',+value:+selected_tab_idx}).appendTo(+$form+);
++return+true;
});|code-block|syntax|javascript|1143324|entityMap^0|0|0|0^^$0|@$1|2|3|4|5|6|7|K|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|L|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|M|8|@]|9|@]|A|$G|H]]|$1|I|3|-4|5|6|7|N|8|@]|9|@]|A|$]]]|J|$]]

I'm not an .NET guy, but you can probably hook onto the form's submit() event and send the currently active tab to the server with your form data. In that fashion, you can simply select the proper tab on the server side when you actually generate the DOM and JS.

Something like...

<pre><code>$("#the_form").submit(function(){
 var $form = $(this);
 selected_tab_idx = $("#the_tabs").tabs( "option", "selected" );
 $('&lt;input /&gt;', {type: hidden, name: 'tab_index', value: selected_tab_idx}).appendTo( $form );
 return true;
});
</code></pre>

blocks|key|928843|text|在ASP.NET中，您可以将其存储在隐藏字段中，而不必使用cookie+(不需要jQuery+cookie引用)。|type|unstyled|depth|inlineStyleRanges|entityRanges|data|928844|使用以下命令：|928845|$(function+()+{
++++$("#tabs").tabs({+
++++++++activate:+function()+{
++++++++++++var+selectedTab+=+$('#tabs').tabs('option',+'active');
++++++++++++$("#<%25=+hdnSelectedTab.ClientID+%25>").val(selectedTab);
++++++++},
++++++++active:+<%25=+hdnSelectedTab.Value+%25>
++++});
});|code-block|syntax|javascript|928846|然后在正文中声明隐藏的选项卡字段：|928847|<asp:HiddenField+ID="hdnSelectedTab"+runat="server"+Value="0"+/>|928848|基本上，在选择选项卡时，您将所选选项卡值存储在asp隐藏字段中。然后，在显示时，您正在检索值。|928849|entityMap^0|0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|R|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|T|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|U|8|@]|9|@]|A|$G|H]]|$1|M|3|N|5|6|7|V|8|@]|9|@]|A|$]]|$1|O|3|-4|5|6|7|W|8|@]|9|@]|A|$]]]|P|$]]

In ASP.NET, you can store it in a hidden field without having to use a cookie (no need for the jQuery cookie reference).

Use this: 

<pre><code>$(function () {
 $("#tabs").tabs({ 
 activate: function() {
 var selectedTab = $('#tabs').tabs('option', 'active');
 $("#&lt;%= hdnSelectedTab.ClientID %&gt;").val(selectedTab);
 },
 active: &lt;%= hdnSelectedTab.Value %&gt;
 });
});
</code></pre>

Then in the body, declare your hidden tab field:

<pre><code>&lt;asp:HiddenField ID="hdnSelectedTab" runat="server" Value="0" /&gt;
</code></pre>

Basically, on selection of a tab you are storing the selected tabs value in the asp hidden field. Then on show you are retrieving the value.

blocks|key|928890|text|对于较新版本的jQuery和jQuery+UI，这将是：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|928891|$(function+()+{
++++$("#tabs").tabs({
++++++++activate:+function()+{
++++++++++++var+selectedTab+=+$('#tabs').tabs('option',+'active');
++++++++++++$("#<%25=+hdnSelectedTab.ClientID+%25>").val(selectedTab);
++++++++},
++++++++active:+document.getElementById('<%25=+hdnSelectedTab.ClientID+%25>').value
++++});
});|code-block|syntax|javascript|928892|“selected”选项已替换为“active”...当然，您仍然需要添加隐藏字段：|928893|<asp:HiddenField+ID="hdnSelectedTab"+runat="server"+Value="0"+/>|928894|entityMap^0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|M|8|@]|9|@]|A|$]]|$1|B|3|C|5|D|7|N|8|@]|9|@]|A|$E|F]]|$1|G|3|H|5|6|7|O|8|@]|9|@]|A|$]]|$1|I|3|J|5|D|7|P|8|@]|9|@]|A|$E|F]]|$1|K|3|-4|5|6|7|Q|8|@]|9|@]|A|$]]]|L|$]]

With newer versions of jQuery and jQuery UI, this will be:

<pre><code>$(function () {
 $("#tabs").tabs({
 activate: function() {
 var selectedTab = $('#tabs').tabs('option', 'active');
 $("#&lt;%= hdnSelectedTab.ClientID %&gt;").val(selectedTab);
 },
 active: document.getElementById('&lt;%= hdnSelectedTab.ClientID %&gt;').value
 });
});
</code></pre>

The 'selected' option is replaced by 'active'... Of course you will still need to add the hidden field:

<pre><code>&lt;asp:HiddenField ID="hdnSelectedTab" runat="server" Value="0" /&gt;
</code></pre>

blocks|key|928934|text|这个解决方案对我很有效:+Source+http://saradesh.com/tajuddin/index.php/keep-the-selected-jquery-tab-active-on-partial-post-back-in-asp-net/|type|unstyled|depth|inlineStyleRanges|entityRanges|offset|length|data|928935|<script+type="text/javascript">
++++++++var+selTab;
++++++++$(function+()+{
++++++++++++var+tabs+=+$("#tabs").tabs({
++++++++++++++++show:+function+()+{
++++++++++++++++++++//get+the+selected+tab+index
++++++++++++++++++++selTab+=+$('#tabs').tabs('option',+'selected');

++++++++++++++++}
++++++++++++});

++++++++});

++++function+pageLoad(sender,+args)+{

++++++++if+(args.get_isPartialLoad())+{

++++++++++++$("#tabs").tabs({show:+function+()+{
++++++++++++++++++++//get+the+selected+tab+index+on+partial+postback
++++++++++++++++++++selTab+=+$('#tabs').tabs('option',+'selected');

++++++++++++++++},+selected:+selTab++});

++++++++}
++++};

++++</script>|code-block|syntax|javascript|928936|entityMap|0|LINK|mutability|MUTABLE|url|http://saradesh.com/tajuddin/index.php/keep-the-selected-jquery-tab-active-on-partial-post-back-in-asp-net/^0|K|2Z|0|0|0^^$0|@$1|2|3|4|5|6|7|Q|8|@]|9|@$A|R|B|S|1|T]]|C|$]]|$1|D|3|E|5|F|7|U|8|@]|9|@]|C|$G|H]]|$1|I|3|-4|5|6|7|V|8|@]|9|@]|C|$]]]|J|$K|$5|L|M|N|C|$O|P]]]]

This solution worked for me: Source <a href="http://saradesh.com/tajuddin/index.php/keep-the-selected-jquery-tab-active-on-partial-post-back-in-asp-net/" rel="nofollow">http://saradesh.com/tajuddin/index.php/keep-the-selected-jquery-tab-active-on-partial-post-back-in-asp-net/</a>

<pre><code>&lt;script type="text/javascript"&gt;
 var selTab;
 $(function () {
 var tabs = $("#tabs").tabs({
 show: function () {
 //get the selected tab index
 selTab = $('#tabs').tabs('option', 'selected');

 }
 });

 });

 function pageLoad(sender, args) {

 if (args.get_isPartialLoad()) {

 $("#tabs").tabs({show: function () {
 //get the selected tab index on partial postback
 selTab = $('#tabs').tabs('option', 'selected');

 }, selected: selTab });

 }
 };

 &lt;/script&gt;
</code></pre>

blocks|key|1143483|text|试试这个：|type|unstyled|depth|inlineStyleRanges|entityRanges|data|1143484|添加到页面：|1143485|<asp:HiddenField+ID="hdnSelectedTab"+runat="server"+Value="0"+/>|code-block|syntax|javascript|1143486|添加到脚本中：|1143487|$(function+()+{
++++var+activeIndex+=+parseInt($get("hdnSelectedTab").value);
++++$("#tabs").tabs({
++++++++active:+activeIndex,
++++++++activate:+function+(event,+ui)+{
++++++++++++$get("hdnSelectedTab").value+=+ui.newTab.index();
++++++++}
++++});
});|1143488|entityMap^0|0|0|0|0|0^^$0|@$1|2|3|4|5|6|7|O|8|@]|9|@]|A|$]]|$1|B|3|C|5|6|7|P|8|@]|9|@]|A|$]]|$1|D|3|E|5|F|7|Q|8|@]|9|@]|A|$G|H]]|$1|I|3|J|5|6|7|R|8|@]|9|@]|A|$]]|$1|K|3|L|5|F|7|S|8|@]|9|@]|A|$G|H]]|$1|M|3|-4|5|6|7|T|8|@]|9|@]|A|$]]]|N|$]]

Try this:

Add to the page : 

<pre><code>&lt;asp:HiddenField ID="hdnSelectedTab" runat="server" Value="0" /&gt;
</code></pre>

Add to the script:

<pre><code>$(function () {
 var activeIndex = parseInt($get("hdnSelectedTab").value);
 $("#tabs").tabs({
 active: activeIndex,
 activate: function (event, ui) {
 $get("hdnSelectedTab").value = ui.newTab.index();
 }
 });
});
</code></pre>

I am using jQuery tabs and an ASP.NET listview to display and edit some information. My problem is that when a user inserts a new record in one of the listview items my jQuery tabs go back to the first tab. Is there a way to keep track of which tab I am on or keep it from resting on post back?

Staying on current jQuery tab across post back?

服务器

jQuery

我正在使用jQuery标签和ASP.NET列表视图来显示和编辑一些信息。我的问题是，当用户在某个列表视图项目中插入一条新记录时，我的jQuery选项卡会返回到第一个选项卡。有没有办法跟踪我在哪个选项卡上，或者不让它停留在post back上？

问在post back中保持当前的jQuery标签吗？
EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在post back中保持当前的jQuery标签吗？EN

社区

活动

资源

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问在post back中保持当前的jQuery标签吗？
EN