辅助功能样式表切换器

时间:2012-05-31 16:16:20

标签: jquery insert stylesheet switch-statement head

好的,我需要做的是,

  • 关闭和打开辅助功能样式表

  • 将Cookie设置为10天

  • 检查Cookie是否在,如果它将样式表添加到头部。

我让它处理不稳定的行为。

$(document).ready(function() {      

     if( $.cookie('accessibility-visual') == "on" ) { 
                   $('head').append(' <link id rel="stylesheet" type="text/css" media="screen" href="css/accessibility.css" />');  

      }       

      $('#visual').on('click', function(e){

      if( $.cookie('accessibility-visual') == "on" ) { 

          $.cookie("accessibility-visual", null);
          $(this).text("Off");
           $('link').attr('href', 'css/accessibility.css').remove(); 
           return false;

      }

      else {

           $.cookie("accessibility-visual", "on", { expires: 7 });
           $(this).text("On");
           $('head').append(' <link rel="stylesheet" type="text/css" media="screen" href="css/accessibility.css" />');  

      }


      });   
});

0 个答案:

没有答案