0

我是 Jquery 的新手。我面临标签实现的问题。当我刷新页面时，我被重定向到初始设置选项卡。

$(function() {
            var indicator = $('#indicator'),
            indicatorHalfWidth = indicator.width()/2,
            lis = $('#tabs').children('li');

            $("#tabs").tabs("#content section", {
                effect: 'fade',
                fadeOutSpeed: 0,
                fadeInSpeed: 400,
                onBeforeClick: function(event, index) {
                    var li = lis.eq(index),
                    newPos = li.position().left + (li.width()/2) - indicatorHalfWidth;
                    indicator.stop(true).animate({ left: newPos }, 600, 'easeInOutExpo');
                }
            }); 

            });

这是 HTML 视图：

<nav>
<ul id="tabs">
    <li><a class "current" t" href="#">Change Password</a></li>
    <li><a href="#">Update Your Profile</a></li>
</ul>
<span id="indicator"></span>
</nav>
<div id="content">
    <section>
    <!--content1 -->
    </section>
    <section>
    <!--content2-->
    </section>
</div>
4

1 回答 1

1

您可以通过多种方式做到这一点。这里有两种方法：

  1. 您可以使用下面帖子中详细解释的哈希标签

我可以在页面刷新或离开页面时保持相同的 jQuery 选项卡吗？

  1. 使用指定的 cookie 选项初始化选项卡。

$( "#tabs" ).tabs({ cookie: { expires: 30 } });

于 2013-09-10T06:00:55.513 回答