Высококонтрастная страница, класс переключения jQuery, если есть класс и изменение URL, поместите этот класс в элемент - PullRequest
Новая
       9

Высококонтрастная страница, класс переключения jQuery, если есть класс и изменение URL, поместите этот класс в элемент

0 голосов
/ 09 мая 2018

Итак, я пытаюсь создать на странице кнопку, которая меняет ее на высококонтрастную страницу при нажатии, она уже работает, но если перейти к другой ссылке на этой странице, этого высококонтрастного класса нет, и мне нужно нажмите мою кнопку еще раз, чтобы получить контрастную страницу. Это не очень полезно. Я пытаюсь написать какую-то функцию, может быть, если условие, что если есть элемент «высокая контрастность» для элемента и мой 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');                      
})

Эта страница действительно красочная, поэтому мне пришлось многое изменить.

...