javascript - jquery:将 style.css 的链接替换为 game.css?

标签 javascript jquery css replace

尝试用查询替换整个页面的内容(有效)+还将指向 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

loading

然后我检查了 firebug 的 HTML 选项卡中的 DOM,看到链接元素的 href 属性已更新。

enter image description here

关于javascript - jquery:将 style.css 的链接替换为 game.css?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11513420/

相关文章:

javascript - 我可以在 Angular 1.x 的 ng-model 中使用 {{variable name}}

javascript - 如何在 native 客户端中的 Vardictonary 中接收从 javascript 发送的数组

javascript - 在node.js中返回多个shell命令的结果

javascript - 具有双重操作的页面重定向

css - 如何防止媒体查询中的 CSS 代码重复?

javascript - 如何在 jquery 中返回 img.onload = function() 中的变量?

javascript - 使用javascript获取图像大小

javascript - 选择上一个 html 标签 onClick

Javascript/jQuery : Why different result for event. 目标使用 <a> 标签对比。 console.log 中的其他元素,注意 $(this) 的 alert()

javascript - 当您将鼠标悬停在图像的特定区域上时如何显示下拉菜单? (HTML, CSS)