回发后存储当前标签

Posted

技术标签:

【中文标题】回发后存储当前标签【英文标题】:store the current tabs after postback 【发布时间】:2014-01-14 04:49:21 【问题描述】:

我正在创建一个应用程序,我想在回发期间存储选项卡的当前值。我想使用隐藏变量存储选项卡的当前值。

我做错了什么?

这是我的 jquery 代码:

 $(document).ready(function () 
    $('ul.tabs').each(function () 
        tab active.
            $active.addClass('active');
            $content.show();

            e.preventDefault();
        );
    );
);

这是我的 html 代码:

<div class="container">
    <ul class="tabs">
        <li><a href="#tabs-1">Tab 1</a></li>
        <li><a href="#tabs-2">Tab 2</a></li>
        <li><a href="#tabs-3">Tab 3</a></li>
    </ul>
    <div id="tabs-1"> Content 1 </div>
    <div id="tabs-2"> Content 2 </div>
    <div id="tabs-3"> Content 3 </div>
</div>

【问题讨论】:

你做错了什么取决于你在做什么。我在这里看不到任何代码向服务器端代码指示当前处于活动状态的选项卡,也没有看到任何将特定选项卡呈现为活动状态的服务器端代码。你到底想在这里做什么? 想知道你想在这里做什么? 【参考方案1】:

我猜你正在尝试将标签页的 href 附加到 url,在这种情况下使用下面的代码而不是处理每个标签页上的点击事件。

$('.tabs').tabs(
    activate: function(event, ui) 
        window.location.href = window.location.href.toString().split('#')[0] + ui.newTab.find('a').attr('href');
    
);

【讨论】:

确定,你想怎么联系?顺便说一句,如果对您有帮助,请养成将答案标记为已接受的习惯。【参考方案2】:

如果您从其中一个选项卡中的控件回发,您的服务器端代码将知道您来自哪个选项卡,是吗?如果您希望回发返回到同一选项卡,请使用处理程序代码将隐藏字段的 .Value 设置为适当的索引,并将其包含在您的 jQuery 就绪函数中:

$("#tabs").tabs( active: <%= hfLastTab.Value %> );

【讨论】:

以上是关于回发后存储当前标签的主要内容,如果未能解决你的问题,请参考以下文章

回发后丢失 Bootstrap CSS

回发后jQuery将DatePicker日期文本保留到文本框中

回发后jquery datepicker不起作用

回发后的 MVC3 RedirectToAction

UpdatePanel 异步回发后的 Javascript 事件订阅

在每次 JSF ajax 回发后执行 JavaScript