1

Задача стоит в том чтобы текущий пункт меню подсвечивая, но что-то не работает.

Подскажите в чем может быть причина и как её исправить?

$('document').ready(function() {
  $('.ddsmoothmenu a').each(function() {
    if ('http://localhost:8080' + $(this).attr('href') == window.location.href) {
      $(this).addClass('selected');
    }
  });
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="templatemo_menu" class="ddsmoothmenu">
  <ul>
    <li><a href="index.php">Главная</a></li>
    <li><a href="about.html">О компании</a></li>
    <li><a href="products.html">Новые поступления</a></li>
    <li><a href="faqs.html">Оплата и Доставка</a></li>
    <li><a href="contact.html">Контакты</a></li>
    <li><a href="reviews.php">Отзывы</a></li>
    <li><a href="basket.php">Корзина</a></li>

    <?php if (Auth\User::isAuthorized()): ?>
    <li><a href="account.php">Мой кабинет</a></li>
    <?php else: ?>

    <?php endif; ?>
  </ul>
  <br style="clear: left" />
</div>

7
  • @entithat Если Вы подскажите как это реализовать, то я буду очень благодарен + с меня галочка
    – soul wolf
    19 апр 2018 в 16:49
  • А если поставить / после http://localhost:8080?
    – entithat
    19 апр 2018 в 17:05
  • 1
    @entithat спасибо, мой косяк
    – soul wolf
    19 апр 2018 в 18:36
  • <br style="clear: left" /> - это что ?????????)))
    – Air
    21 апр 2018 в 7:28
  • @Air , это минизаготовка на будущее. Представим что под главным меню нужно будет дать какую-то информацию для пользователей, так вот под данным блоком можно разместить всё что угодно и оно будет отображаться корректно. Смотрите здесь полный код (попробуйте удалить блок и посмотреть как изменится) jsfiddle.net/jhnerpk5/28
    – soul wolf
    21 апр 2018 в 12:45

1 ответ 1

0

HTML

У вас ошибка в том, что в ссылках указан относительный путь, тогда как JS возвращает абсолютный. Исправьте ссылки.

jQuery

Данный вариант более гибок:

$('document').ready(function() {
    $('.ddsmoothmenu a').each(function () {
        var location = window.location.href;
        var link = this.href; 
        if(location == link) {
            $(this).addClass('active');
        }
    });
});
1
  • если добавляю значения для передачи в ссылку то подсветка не работает. Как исправить?
    – soul wolf
    20 апр 2018 в 17:09

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.