Выделение выбранной вкладки jquery с помощью главной страницы asp.net - PullRequest
Новая
       20

Выделение выбранной вкладки jquery с помощью главной страницы asp.net

2 голосов
/ 18 января 2010

Я использую вкладки jquery (Первый, Второй, Третий) на нескольких страницах asp.net (First.aspx, second.aspx, Third.aspx) на своем веб-сайте asp.net, и на каждой странице я пишу ul, Ли код. Например, на странице 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", чтобы выделить выбранную вкладку. Недавно мы планировали перейти на главные страницы. Так что главная страница должна содержать код ul, li для вкладок. Но проблема в том, что я не понимаю, как применить class = "current" к выбранной вкладке, в случае главной страницы. Может ли кто-нибудь помочь?

Заранее спасибо.

1 Ответ

1 голос
/ 18 января 2010

Напишите функцию 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');
...