Я хочу добавить активность по определенному URL-адресу, используя «data-target». ⇐ Jquery

[Anonymous]

Однако если к URL-адресу добавляется другой текст, активный элемент теряется.

Даже если к URL-адресу добавлен другой текст, я бы хотел, чтобы он оставался активным, если он содержит определенную «цель данных».

Например, если исходная ссылка имеет вид «link/sub01.html», но меняется на «link/sub01.html&page=2», стиль теряется.

Даже если добавлен текст «&page=2», я хочу, чтобы активный всегда добавлялся, если в URL-адресе есть «sub01».

Но я пока не знаком со скриптом, поэтому не знаю, где его исправить. Пожалуйста, помогите мне. Я не говорил по-английски, поэтому воспользовался переводчиком.

Поэтому предложение может быть непростым. Извините!

$(document).ready(function() { вар URL = window.location; $('#Nav .Cate li a[href="' + 'data-target' + '"]').parent().addClass('active'); $('#Nav .Cate li a').filter(function() { вернуть this.href == URL; }).parent().addClass('активный').parent().parent().addClass('активный'); }); .Cate { положение: относительное; } .Кейт Ли { положение: относительное; отображение: встроенный блок; ширина: 180 пикселей; высота: 34 пикселей; плыть налево; высота строки: 34 пикселей; выравнивание текста: по центру; граница: 1 пиксель, сплошная #333; нижняя граница: 0; граница-радиус: 15 пикселей 15 пикселей 0 0; размер коробки: граница-коробка; переполнение: скрыто; фон: rgba(51, 51, 51, 0); переход: все .35; } .Кейт ли а { дисплей: блок; текстовое оформление: нет; фон: rgba(51, 51, 51, 0); переход: все .35; } .Кейт Ли:hover { фон: rgba(51, 51, 51, 1); } .Кейт Ли: наведите курсор на { цвет: #fff; } .Кейт li.active { фон: rgba(51, 51, 51, 1); } .Cate li.active a { цвет: #fff;

• ГЛАВНАЯ
• SUB01
• SUB02