尝试用查询替换整个页面的内容(有效)+还将指向 style.css 的链接替换为 game.css
$.get('/games/14', function(data){ var $page = $(data);
$('head').append('<link rel="stylesheet" href="style2.css" type="text/css" />');
//$('#layout').empty().append($page);
$('body').empty().append($page);
})
无论我尝试什么,我似乎都无法将“style.css”更改为“game.css”,Jquery Guru 知道如何完成这个吗?谢谢!
更新: 尝试了下面的建议仍然有问题,这就是我现在使用的(没有替换 .css 文件)
$.get('/games/14', function(data){
$("link[href='style.css']").attr({href: 'game.css'});
var $page = $(data);
$('body').empty().append($page);
})
最佳答案
给你,刚刚测试了这个并且它有效。
<!DOCTYPE HTML>
<html>
<head>
<script src="jquery-1.7.2.min.js"></script>
<link href="/assets/frontend.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
<script>
$("link[href='/assets/frontend.css']").attr('href', '/assets/game.css');
</script>
</body>
</html>
为了回答您在下面的评论,我使用 Firebug 对其进行了测试. 使用控制台选项卡,我可以看到它首先尝试加载 assets/frontend.css,运行 JS,然后尝试加载 assets/game.css。
然后我检查了 firebug 的 HTML 选项卡中的 DOM,看到链接元素的 href 属性已更新。
关于javascript - jquery:将 style.css 的链接替换为 game.css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11513420/