Страница с перенаправлением вызывает проблему с выбором правильной активной страницы - PullRequest
Новая
       4

Страница с перенаправлением вызывает проблему с выбором правильной активной страницы

1 голос
/ 04 февраля 2020

Я использую Squarespace, задаю страницу "danieconz.com/about" в качестве домашней страницы и, таким образом, она перенаправляется на "danielconz.com".

Я создал ссылки на страницы в нижнем колонтитуле и некоторые CSS коды. Моя проблема в том, что, когда я нахожусь на "danielconz.com", эти ссылки выбираются все. Однако должна быть выбрана только ссылка «О программе».

Вот CSS, который я использую: 

    @media all and (max-width:750px) {
#footer h1 {
    width: 120px;
    margin: 0 auto;
    padding-bottom: 0px;
    line-height: 70px!important;
 }
#footer h1 .active-link {
  border-top: 2px solid #1a1611;
}
#footer h1 a:hover {
  border-top: 2px solid #1a1611;
}
}

@media all and (min-width:750px) {
#footer h1 a:hover {
  border-top: 2px solid #1a1611;
  padding: 0px !important;
}

#footer h1 .active-link  {
  border-top: 2px solid #1a1611;
  padding: 0px !important;
}
}

И следуйте паре изображений проблемы на настольном и мобильном устройствах. , Может ли кто-нибудь помочь мне с этим? Заранее спасибо.

рабочий стол мобильный

1 Ответ

0 голосов
/ 04 февраля 2020

У вас есть javascript добавление ссылочно-активного класса к ссылкам в нижнем колонтитуле.

Быстрое, что вы можете сделать, это изменить функцию на это, пожалуйста, отметьте ее: 

$(function() {
if(location.pathname.split("/")[1]==""){
    $('footer h1 a').removeClass('active-link');
    $('footer h1 a[href^="/about"]').addClass('active-link');
}else{
    $('footer h1 a[href^="/' + location.pathname.split("/")[1] + '"]').addClass('active-link');
}
$('body').addClass('enter');//This part is the same
});
...