为CSS文件添加前缀

时间:2011-03-18 16:22:29

标签: jquery css

我有这个代码,它允许我交换图像的前缀,这非常感谢maniator!

    $(function() {
    $('img.swap').each(function(){     
    $(this).data('current_image', this.src);     
}) 
$('a').click(function(){          
        var prefix = $(this).attr("class");       
         $('img.swap').each(       
         function() {           
            if($(this).data('prefix') != prefix){            
            this.src = $(this).data('current_image').replace('.gif', (prefix)+'.gif');
            $(this).data('prefix', prefix)          
    }         
     else {            
     this.src = $(this).data('current_image');           
      $(this).data('prefix', '')          
      }       
       });  
      }); 
 });

我的问题是我能够将添加到图像中的相同前缀添加到某个CSS文件中,在这个例子中它将是color.css所以我可以将它设为color_bw.css吗?

非常感谢

1 个答案:

答案 0 :(得分:0)

是链接css的链接标记与任何其他元素相同

像这样设置href

<link id="css" rel="stylesheet" href="styles/reset.css" type="text/css" />

var css = $("#css").attr("href");
var href = css.replace(".css",css+prefix);
$("#css").attr("href",href);