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

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

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


asp.net master-pages jquery-ui-tabs
person kranthi    schedule 18.01.2010    source источник

Ответы (1)


arrow_upward
1
arrow_downward

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