Javascript-форум (https://javascript.ru/forum/)
-   Общие вопросы Javascript (https://javascript.ru/forum/misc/)
-   -   Не работает код Javascript на присвоение класса ссылке (https://javascript.ru/forum/misc/52885-ne-rabotaet-kod-javascript-na-prisvoenie-klassa-ssylke.html)

osya90 11.01.2015 17:41

Не работает код Javascript на присвоение класса ссылке
 
Добрый день!
Помогите пожалуйста новичку, воспользовался одним из скриптов, найденном на этом сайте, на добавлении класса ссылке.

$(function() {
$(".indentmenu ul li a").click(function() {
$(".indentmenu ul li a").removeClass("current");  
$(this).toggleClass("current");
         })
    });


К сожалению скрипт отказался работать при запуске страницы в браузере, но на сайте Код все нормально отрабатывается. HTML привожу ниже.
<title></title>
<meta name="keywords" content="..................">
<link href="Style.css" rel="stylesheet" type="text/css">
<script src="script.js"></script>
</head>
<body>
.....................
        <tr>
          <td colspan="2"> <div class="indentmenu">
          <ul>
          <li><a href="index.html">Ссылка</a></li>
          <li><a href="company.html">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          </ul>
          <br style="clear: left" />
          					</div>
          </td> 
        </tr>
</body>


Надеюсь на Вашу помощь.

рони 11.01.2015 17:45

osya90,
подключите jquery

osya90 11.01.2015 18:07

Подключил, скрипт так и не заработал.

рони 11.01.2015 18:16

osya90,
<!DOCTYPE HTML>

<html>

<head>
  <title>Untitled</title>
  <meta charset="utf-8">
  <style type="text/css">

  .current {
    background: #FFCC00;
  }
  </style>
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>
  <script>
$(function() {
    $(".indentmenu ul li a").click(function(event) {
        event.preventDefault();
        $(".indentmenu ul li a").removeClass("current");
        $(this).toggleClass("current");

    })
});

  </script>
</head>

<body>  <div class="indentmenu">
          <ul>
          <li><a href="index.html">Ссылка</a></li>
          <li><a href="company.html">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          <li><a href="#">Ссылка</a></li>
          </ul>
          <br style="clear: left" />
          					</div>


</body>

</html>

osya90 11.01.2015 18:48

рони,
Спасибо за помощь, то-есть причина была из-за перехода на другую страницу?

Erolast 11.01.2015 18:56

Весь код на странице действует только в рамках этой страницы.

osya90 11.01.2015 18:59

Спасибо всем за быструю помощь!!!


Часовой пояс GMT +3, время: 09:37.