在回发后存储当前选项卡

时间:2013-12-26 14:19:14

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

我正在创建一个应用程序,我希望在回发期间存储制表符的当前值。我想使用隐藏变量存储tab的当前值。

我做错了什么?

这是我的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>

2 个答案:

答案 0 :(得分:0)

我猜你试图将标签href附加到url,在这种情况下使用以下代码而不是处理每个标签上的click事件。

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

答案 1 :(得分:0)

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

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