2

asp.net Webサイトの複数のasp.netページ(First.aspx、second.aspx、Third.aspx)でjqueryタブ(First、Second、Third)を使用しており、各ページでul、liコードを書いています。たとえば、First.aspx ページでは、「ul」タグ内に次のコードを記述しています。

<li class="current"><a href="#First">First tab</a></li>
 <li><a href="Second.aspx">Second tab</a></li>
 <li><a href="Third.aspx">Third tab</a></li>

同様に、second.aspx、Third.aspx ページでも Class="current" を使用して、選択したタブを強調表示しています。 .しかし問題は、マスターページの場合、選択したタブに class="current" を適用する方法がわからないことです。誰か助けてください。

前もって感謝します。

4

1 に答える 1

1

マスターページにjavascript関数を記述して、タブに現在のクラスを設定します。各ページは、ロード時にその関数を呼び出して現在のページを設定できます。

何かのようなもの:

<li id='tab1'><a href="#First">First tab</a></li>
<li id='tab2'><a href="Second.aspx">Second tab</a></li>
<li id='tab3'><a href="Third.aspx">Third tab</a></li>


function setCurrentTab(selectedTab) {
    $('li').removeClass('selected');
    $('[id=selectedTab]').addClass('selected');
}

そしてSecond.aspxでは、例えば:

setCurrentTab('tab2');
于 2010-01-18T14:38:36.037 に答える