0

1ページに querystring のリンクがありますhref="page2.html?selected=1"。

私が欲しいのは、ページ1でこのリンクをクリックすると、ページ2.htmlに移動し、このクエリ文字列値を使用して特定のjqueryタブ(jqueryタブを使用)を開く必要があることです??

機能は次のとおりです。

$(function selectTab(indexId){
    var activeTab = location.href;
    var activeTabId = activeTab.substring(activeTab.lastIndexOf('=') + 1);
    $('#tabs').tabs('select', indexId);
})

この問題を解決する方法を教えてください??

4

2 に答える 2

1

この方法を試してみてください... 少し長くなってしまいましたが、少なくとも JS タブがどのように実装されているかの各段階を見ることができます。

ページがリロードされたら、文字列にテルテールを追加します... tab222 を実行しました。

次に、私が行ったタブ コンテンツ div の ID #tab_2

メニュータグのhrefをあなたが持っているものに変更してください...

$(document).ready(function(){

  if (/tab222/.test(self.location.href)) {
    $('#p_tabs li').removeClass('active');
    $('#p_tabs li a[href="#tab_2"]').parent().addClass('active');
    $('#tab_one').removeClass('active');
    $('#tab_two').addClass('active');
  };

});

ヴワラ！それが役立つことを願っています。

于 2015-03-23T19:33:08.263 に答える
1

この方法で実行できますが、変数が混同されているため、次のようになります。

$(function selectTab(){
    var activeTab = location.href;
    var activeTabId = activeTab.substring(activeTab.lastIndexOf('=') + 1);
    $('#tabs').tabs('select', activeTabId);
})

ただし、これには既に組み込みのサポートがあります。次のような URL を使用するだけです。

page2.html?#tabPanelID

たとえば、タブに へのリンクがhref="#tab3"ある<div id="tab3">場合、URL は になります。page2.html#tab3このリンクをチェックしてください: http://jqueryui.com/demos/tabs/#tabs-3

デモの 3 番目のタブが直接開く様子をご覧ください。それが組み込みの動作です。

于 2010-10-27T09:04:03.097 に答える