Форум

osya90 · #1 (**permalink**) 11.01.2015, 17:41

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

$(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>

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

рони · #2 (**permalink**) 11.01.2015, 17:45

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

osya90 · #3 (**permalink**) 11.01.2015, 18:07

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

рони · #4 (**permalink**) 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 · #5 (**permalink**) 11.01.2015, 18:48

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

Erolast · #6 (**permalink**) 11.01.2015, 18:56

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

osya90 · #7 (**permalink**) 11.01.2015, 18:59

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

Форум

Справочник

Discord чат

Курсы javascript