【问题标题】: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>

【问题讨论】:

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

标签: javascript jquery asp.net jquery-ui jquery-plugins


【解决方案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 %> });

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2020-01-15
    • 1970-01-01
    • 2020-03-27
    • 2011-01-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多