如何使用jQuery从一种样式表更改为另一种样式表？
|
我想在用户单击链接时在两个不同的.css文件之间更改页面的样式。
单击链接后，我希望加载新样式。再次单击它时，我希望加载默认样式。 （换句话说，我希望能够在click事件中在两个不同的样式表之间切换）。
$(function(){
$(\'.default\').click(function(){
$(\'#link\').attr(\'href\', \'defaultStyle\' );
$(\'.default\').addClass(\'new\').removeClass(\'default\');
});
});
$(function(){
$(\'.new\').click(function(){
$(\'#link\').attr(\'href\', \'secondStyle\' );
$(\'.new\').addClass(\'default\').removeClass(\'new\');
});
});
没有找到相关结果
已邀请:
5 个回复
闪脖
$(\'.new\').live(\'click\',function(){});磁辫覆氓
应该是：另外，您是否检查过firefox / fiddler / etc以查看浏览器是否正在尝试下载第二个样式表？距相镭
之后）。 只需切换类：$(function(){ $(\'.default\').click(function(){ $(\'#link\').attr(\'href\', function(i, v) { return v === \'defaultStyle\' ? \'secondStyle\' : \'defaultStyle\'; }); $(this).toggleClass(\'new\').toggleClass(\'default\'); }); });靛新比比催
薄响
$(document).ready(function(){ $(\'#blue\').click(function(event) { $(\'#text\').css(\'background-color\',\'blue\'); }); $(\'#grey\').click(function(event) { $(\'#text\').css(\'background-color\',\'grey\'); }); }); <div id=\"text\" style=\"background-color:grey;\" >Hello World</div> <div id=\"blue\" style=\"cursor:pointer\" >blue</div> <div id=\"grey\" style=\"cursor:pointer\" >grey</div>