За последние 24 часа нас посетили 17617 программистов и 1651 робот. Сейчас ищет 1481 программист ...

помогите с меню!

Тема в разделе "JavaScript и AJAX", создана пользователем kolya7774, 21 авг 2011.

  1. kolya7774

    kolya7774 Активный пользователь

    С нами с:
    3 мар 2011
    Сообщения:
    98
    Симпатии:
    0
    Привет всем верстальщикам!
    Скачал очень красивое меню на jquery.
    Проблема состоит в том что когда нажимаю на любую ссылку в этом меню, активированным (т.е. - .active) остается всегда главная, так как в примере вот так:
    Код (Text):
    1. <ul class="cute_menu" id="my_simple_menu_2">
    2.   <li [u][color=red]class="active"[/color][/u]>
    3.    <a href="#hello_world1">
    4.     <img src="sample_images/3x3_grid_2.png" width="48" height="48" alt="" />
    5.     Bookmarks
    6.    </a>
    7.   </li>
    8.   <li>
    9.    <a href="#hello_world2">
    10.     <img src="sample_images/app_window.png" width="48" height="48" alt="" />
    11.     Emotions
    12.    </a>
    13.   </li>
    14.   <li >
    15.    <a href="#hello_world3">
    16.     <img src="sample_images/battery.png" width="48" height="48" alt="" />
    17.     Search
    18.    </a>
    19.   </li>
    20.   <li>
    21.    <a href="#hello_world4">
    22.     <img src="sample_images/box.png" width="48" height="48" alt="" />
    23.     Datas
    24.    </a>
    25.   </li>
    26.   <li>
    27.    <a href="#hello_world5">
    28.     <img src="sample_images/calendar.png" width="48" height="48" alt="" />
    29.     Add Item
    30.    </a>
    31.   </li>
    32.  </ul>
    Я все это заменил в php так:
    Код (Text):
    1. printf ("<li><a href='%s.php'><img src='%s' width='64' height='64'/>%s</a></li>",$myrow2["page"],$myrow2["img_topmenu"],$myrow2["name"]);
    Если ставлю класс 'active' тогда уже все ссылки в меню актиированы :(.

    Чтобы я не делал всегда активированным есть главная страница. Может кто-то сталкивался с такой проблемой, помогите, пожалуйста, я с jquery не дружу.
     
  2. Михаил

    Михаил Активный пользователь

    С нами с:
    12 июл 2009
    Сообщения:
    545
    Симпатии:
    0
    Адрес:
    Bielarus
    [js]
    $('#my_simple_menu_2 > li').click(function(){
    $('li.active').removeClass('active');
    $(this).addClass('active');
    });

    [/js]
     
  3. kolya7774

    kolya7774 Активный пользователь

    С нами с:
    3 мар 2011
    Сообщения:
    98
    Симпатии:
    0
    Я вставил этот код, но без изменений(.
    В примере еще подключается:
    <script type="text/javascript" src="js/menu_top/jquery_latest.js"></script>
    <script type="text/javascript" src="js/menu_top/cute_menu.locked.js"></script>
    <script type="text/javascript" src="js/menu_top/corners.js"></script>
    <script type="text/javascript">$(function(){jQuery("#my_simple_menu_2").cuteMenu('rollDown');});</script>

    А вот ссылка на то меню: http://2.s3.envato.com/files/327854/ind ... llo_world2.