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

これはいくつかの方法で行うことができます。次の 2 つの方法があります。

  1. 以下の投稿でよく説明されているハッシュタグを使用できます

ページの更新時、またはページから移動したときに、同じ jQuery タブを使用できますか?

  1. cookie オプションを指定してタブを初期化します。

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

于 2013-09-10T06:00:55.513 に答える