Question

所以我试图在页面上创建一个按钮，在点击时将其更改为高对比度页面，它已经正常工作，但如果我在此页面上转到不同的链接，则此高对比度类不存在，我需要再次单击我的按钮以使页面具有高对比度。这不是很有用。我正在尝试编写一些函数，也许如果条件是如果元素上有一个类'高对比度'而我的网址发生了变化，那么这个类仍然会出现在新的网址上。它甚至可能吗？有人能帮助我吗？

为了将类改为'高对比度'，我正在使用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');                      
})

这个页面非常丰富多彩，所以我不得不改变它。

高对比度页面，jQuery切换类，如果有类，并且更改url将此类放在元素上

0 个答案: