0

所以我试图在页面上创建一个按钮，在点击时将其更改为高对比度页面，它已经在工作，但是如果我转到此页面上的不同链接，这个高对比度类不存在，我需要点击我的按钮再次使页面具有高对比度。这不是很有用。我正在尝试编写一些函数，如果条件是如果元素上有一个“高对比度”类并且我的 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');                      
})

这个页面真的很丰富多彩，所以我不得不在其中进行很多更改。

4

0 回答 0