Изменение цвета ссылки категории в DLE

http://dle-faq.ru/snippets/js-snippets/5710-podsvetka-aktivnogo-punkta-menyu-na-jquery.html

Чего то делаю не так?

В main.tpl в head прописал

<script type="text/javascript" src="{THEME}/js/jquery.js"></script>

в папке шаблона создал папку js в ней .htaccess с

Order Deny,Allow

Allow from all

и jquery.js с таким содержанием: jQuery(document).ready(function($) {

$('.navigation a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');

});

Где накосячил?

Вы хотите пирог испечь купив яйцо и тесто, а варить ни кто не научил ? 🤪

Как вы скрипту даёте понять какие ссылки вам нужно подсвечивать ?

Не задумывались что к ссылка нужно классы прописать ?

Или к существующем классам дописать css ?

Для меня это темный лес. 😮

Подскажите пожалуйста, как это все реализовать?

Шаблон

<a href="#"[category=ID] class="category_active"[/category]>Ссылка</a>

Файл стилей

a.category_active {

	color: red;

}

В main.tpl сделал так:

<li><a href="http://сайт/категория1/"[category=ID:1] class="category_active"[/category]>Категория1</a></li>

<li><a href="http://сайт/категория2/"[category=ID:2] class="category_active"[/category]>Категория2</a></li>

В style/style.css так:

a.category_active {
	color: #FFFFFF;
}

Что сделал не так?

[category=ID:2] заменить на [category=2]

Заменил. Не получилось. В файле jquery.js кроме этого: jQuery(document).ready(function($) {

$('.navigation a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active');

});

ничего не должно быть?

Вам дали код который будет менять цвет ссылки и без .js, ничего кроме него мудрить не нужно

Тогда вообще не понимаю, почему не выходит?