Question

我试图使用jQuery动态更新我的页面的CSS样式表，但Chrome中的所有内容似乎都运行正常，但遗憾的是IE11似乎无法解决问题。

以下代码显示了HTML和JS文件：

<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="default-style" content="style-02">
    <title>Stylesheet Switcher</title>
    <!-- CSS -->
    <link rel="stylesheet" href="style-01.css" title="style-01">
    <link rel="stylesheet" href="style-02.css" title="style-02">
    <link rel="stylesheet" href="style-03.css" title="style-03">
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.2/jquery.min.js"></script>
    <script src="app.js"></script>
</head>
<body>
    <h1>Hello World</h1>
    Change style
    <select id="styleChanger">
        <option value="style-01">style-01</option>
        <option value="style-02">style-02</option>
        <option value="style-03">style-03</option>
    </select>
    <br/>
    <img src="icons.gif" alt="Smiley face">
</body>
</html>

JS文件：

$(document).ready(function()
{

    var theme = localStorage.getItem('style');
    if (!theme) {
        localStorage.setItem('style', 'style-01');
    };

    updateTheme();

    $("#styleChanger").val(theme);

    $("#styleChanger").change(function () {
        var selectedText = $(this).find("option:selected").text();
        var selectedValue = $(this).val();
        localStorage.setItem('style', selectedValue);
        updateTheme();
    });
});

function updateTheme()
{
    currentTheme = localStorage.getItem('style');
    $('meta[http-equiv=default-style]')[0].content = currentTheme;
};

有谁知道，为什么在更新META标签中的“内容”之后IE不会加载新的CSS文件？

感谢您的帮助

如何在IE中更新每个jQuery的默认样式

0 个答案: