0

私はこれに対する答えを高くも低くも見てきました。私が直面している問題は、そのままにしておく必要がある特定のスタイル特性がタブにあることです。以下は、私が取り組んでいるページです。

http://nextadagency.com/theta/services.html

各タブへのリンクを (別のページに) 作成しようとしています。「サービス」ページが読み込まれると、選択したタブが読み込まれ、上部に一意の # アドレスがあり、ページの上部に読み込まれます。何らかの理由で、以前に特定のタブにリンクしようとしたときに、タブに応じて異なる領域にページが読み込まれました。

4

2 に答える 2

0

デフォルトのハッシュ動作 (ページ ジャンプ) を回避するために、代わりに URL パラメーターを使用します。あなたの場合、これはたとえばhttp://nextadagency.com/theta/services.html?tab=3になります

  $(function() {
    // update URL parameter and browser history on manual tab select
    $('#tabs').bind('tabsselect', function(event, ui) {
      var myTab = $(ui.tab).attr('href').replace('#', '');
      var myParam = '?tab=' + myTab;
      window.history.pushState('Object', 'Title', myParam);
    });

    // get 'tab' URL parameter and select tab
    var param = $(document).getUrlParam('activity');
    $('#tabs').tabs('select', param);
  });

これはやり過ぎかもしれませんが、少なくともデフォルトのハッシュ動作を停止する必要がありますpreventDefault()。

于 2013-02-21T17:17:38.447 に答える
0

URL # (ハッシュ) と tabsselectedオプションを使用できます。

$('#tabs').tabs({
   selected: $('#tabs > ul > li > a[href='+window.location.hash+']').index()
});

次に、次のようなものに行くと：

http://nextadagency.com/theta/services.html#tabs1

それは持っているタブをロードします...

タブを変更するたびにハッシュを URL に追加することもできます。

$('#tabs').tabs({
   select: function(e, ui){
      window.location.hash =  $(ui.tab).attr('href').replace(/\#/, '');
   }
});
于 2013-02-21T17:18:51.530 に答える