Как выделить активный пункт меню?

Question

[dzenn]

<div class="menu-top" style="width:715px;">
      <ul class="nav nav-pills">
        <li>
          <a href="/phylosophy"
          {% if request.path == '/phylosophy' %}class="active"{% endif %}>
          philosophy
          </a>
        </li>
        <li><a href="/product-cream"><u>{% trans 'product' %}</u></a></li>
        <li><a href="/contacts"><u>{% trans 'contact' %}</u></a></li>
        <li><a href="/news"><u>{% trans 'news' %}</u></a></li>
        <!-- <li><a href="#" class="hover"><u> {% trans '(store)' %}</u></a></li> -->
      </ul>
    </div>

Есть навигационное меню, когда я нахожусь в указанном разделе, к ссылке должен добавляться класс active, но не добавляется.
И ещё я не могу разобраться как мне убирать тег u, когда ссылка активна, в данном случае он не нужен.

Comments

[Влад]

stackoverflow.com/questions/9793576/how-to-render-...

Answer 1

[Alexander]

значит request.path не равняется '/phylosophy'. Думаю ответ лежит там {{ request.path }}

Comments

[Oscar Django]

думаю там как минимум завершающий слеш есть

[scream4ik]

Oscar Django: не факт. Поэтому лучше вариант, как предложили ниже, через {% url %}

[Oscar Django]

не спорю, я имел ввиду что по умолчанию если не найдено в урлах совпадений при запросе без слеша в конце django пытается найти совпадение со слешом

[Alexander]

scream4ik: Не всем подайдет ваш способ. К примеру у нас в проекте нет jquery или гуру python который только на нём и умеет, так что js может отпасть.

Answer 2

[Павел Аксенов]

думаю, что это не хорошо хардкодить урлы, ведь есть же {% url %}
И тогда подобных недоразумений не будет.

{% url 'phylosophy' as url %}
<a href='{{ url }}' {% if request.path == url %}class="active"{%endif %}>philosophy</a>

Comments

[dzenn]

<div class="menu-top" style="width:715px;">
      <ul class="nav nav-pills">
        <li>
          {% url 'phylosophy' as url %}
          <a href='{{ url }}' {% if request.path == url %}class="active"{%endif %}>philosophy</a>
        </li>
        <li><a href="/product-cream"><u>{% trans 'product' %}</u></a></li>
        <li><a href="/contacts"><u>{% trans 'contact' %}</u></a></li>
        <li><a href="/news"><u>{% trans 'news' %}</u></a></li>
        <!-- <li><a href="#" class="hover"><u> {% trans '(store)' %}</u></a></li> -->
      </ul>
    </div>

[dzenn]

hellmin: не работает

[Павел Аксенов]

А можете выложить файл urls.py ?

[dzenn]

hellmin: я работаю только шаблонами

[Павел Аксенов]

без urls.py не написать правильный темплейт тег {% url %}

Answer 3

[scream4ik]

Альтернативный вариант через javascript https://css-tricks.com/snippets/jquery/add-active-...