Я хочу, чтобы мое меню выбиралось при каждом нажатии, и меняются страницы с выбранным меню - PullRequest
Новая
       17

Я хочу, чтобы мое меню выбиралось при каждом нажатии, и меняются страницы с выбранным меню

0 голосов
/ 01 августа 2011

У меня есть скрипт jquery: 

<script type="text/javascript">
$(document).ready(function() {  


//Default Action

$(".navigation li:first").addClass("selectedli").show(); //Activate first tab


//On Click Event

$(".navigation li").click(function() {
$(".navigation li").removeClass("selectedli"); //Remove any "active" class

$(this).addClass("selectedli"); //Add "active" class to selected tab

});



});

</script>

, а css выглядит следующим образом 

 .selectedli a {background: #3a73ba; color:#fff; cursor:default;}

, а меню записывается как 

<div class="navigation">
      <ul>
        <!--<li><a href="#" onmouseover="mopen('m1')" onmouseout="mclosetime()">About Us</a>
        <div id="m1" onmouseover="mcancelclosetime()" onmouseout="mclosetime()"> <a href="inner_page.html">Member Profile</a> <a href="inner_page.html">Message from MD</a> <a href="inner_page.html">History</a> </div>
      </li>-->
        <li class="selectedli"><a href="#">Home</a></li>
        <li><a href="inner_index.php">2nd Page</a></li>
        <li><a href="inner2.php">Third Page</a></li>

      </ul>
    </div>

, но когда я нажимаюссылка и перейдите к «inner_index.php», первый li выбран, тогда как я хочу выбрать второй li.Что мне делать?

1 Ответ

0 голосов
/ 01 августа 2011

вы можете использовать 

:second

или 

:eq(1)

Итак 

$(".navigation li:first").addClass("selectedli").show(); //Activate first tab

станет 

$(".navigation second").addClass("selectedli").show(); //Activate first tab
...