Высококонтрастная страница, класс переключения jQuery, если есть класс и изменение URL, поместите этот класс в элемент
Поэтому я пытаюсь создать на странице кнопку, которая при клике меняет ее на высококонтрастную, она уже работает, но если перейти к другой ссылке на этой странице, этого высококонтрастного класса нет, и мне нужно нажать кнопку снова, чтобы страница была контрастной. Это не очень полезно. Я пытаюсь написать какую-то функцию, может быть, если условие, что, если есть элемент "высокая контрастность" для элемента и мой URL-адрес, изменится, этот класс все еще будет присутствовать в новом URL-адресе. Это вообще возможно? Кто-нибудь может мне помочь?
А для изменения класса на "высокий контраст" я использую jQuery .togglelass(). Может быть, я должен использовать что-то другое, чем это?
Написал что-то вроде этого для изменения моей страницы на высокий контраст, просто меняя классы, где мне нужно поместить высокий контраст.
$('.change-contrast').click( function() {
$('.accessibility-icons span').toggleClass('high-contrast');
$('a').toggleClass('high-contrast');
$('.post-short').toggleClass('post-short-contrast');
$('.contact-page-container').toggleClass('contact-page-container-contrast');
$('.hours-container').toggleClass('hours-container-contrast');
$('.site').toggleClass('site-high-contrast');
$('.site-footer').toggleClass('site-info-contrast');
$('.footer-info').toggleClass('footer-info-contrast');
$('.bip').toggleClass('bip-contrast');
$('.form-wrapper').toggleClass('form-wrapper-contrast');
$('.menu-item').toggleClass('menu-item-contrast');
$('.header-carousel_title').toggleClass('header-carousel_title-contrast');
$('.logo-carousel').toggleClass('logo-carousel-contrast');
$('.home-title').toggleClass('home-title-contrast');
$('.hours-title').toggleClass('hours-title-contrast');
$('.page-main-title').toggleClass('page-main-title-contrast');
$('.gallery-title').toggleClass('gallery-title-contrast');
$('article').toggleClass('article-contrast');
$('.owl-item').toggleClass('owl-item-contrast');
$('.gallery-container').toggleClass('gallery-container-contrast');
$('.gallery-button').toggleClass('gallery-button-contrast');
$('.page-link-button').toggleClass('page-link-button-contrast');
$('.post-short_title').toggleClass('post-short_title-contrast');
$('.excerpt').toggleClass('excerpt-contrast');
})
Эта страница действительно красочная, поэтому мне пришлось многое изменить в ней.