Question

我有这个代码，是一个样式切换器，根据分辨率更改@import CSS。它适用于Firefox和Chrome，但不适用于IE（IE7，IE8和IE9）。

我已经清除了chaché，成功验证了我的HTML。我不知道为什么它不起作用：（

相关HTML：

<!doctype html>
<!--Typical stuff, (<head>, <meta>, etc) here -->
<style type="text/css">@import url('css/MQ.css');</style>

使用Javascript：

$(document).ready(function() {

    function adjustStyle(width) {
        width = parseInt(width);
        if (width < 701) {
            $('style:contains("MQ")').text(function () {
            return $(this).text().replace(/\d*MQ\.css/, "400MQ.css");
            });
        } else if ((width >= 701) && (width < 900)) {
            $('style:contains("MQ")').text(function () {
            return $(this).text().replace(/\d*MQ\.css/, "800MQ.css");
            });         
        } else {
           $('style:contains("MQ")').text(function () {
            return $(this).text().replace(/\d*MQ\.css/, "MQ.css");
            });         
        }
    }

    $(function() {
        adjustStyle($(this).width());
        $(window).resize(function() {
            adjustStyle($(this).width());
        });
    });
});

（我不能使用mediaqueries来完成工作，因为我的客户不想要pollyfills。）

jQuery在IE7，IE8和IE9中不起作用

0 个答案: