javascript - 如何使用 JavaScript/jQuery 有条件地添加样式表？

Question

我在网上查找了以下问题的合适解决方案，但似乎找不到有用的解决方法；

我们正在使用 Umbraco CMS 来显示客户的网站，这不允许我们添加通常在 HTML 的 中执行的条件注释。因此，我一直在努力寻找一种方法让 JavaScript 或 jQuery 有条件地显示特定于 IE9 的样式表。

到目前为止我看到的选项如下:

if ($.browser.msie && parseInt($.browser.version, 10) === 7) {
    $('head').append('<link>', {
        rel:  'stylesheet',
        type: 'text/css',
        href: 'css/ie9.css'
    });
}

并使用 conditionizr(由于“.add”函数的控制台错误，它没有工作)。

对此有什么想法吗？

Answer 1

无需将标记名称及其属性作为两个单独的参数传递给 append()，您需要传递一个完全构造的 jQuery 对象(或 HTML 字符串)。

$('head').append(
    $('<link>', {
        rel:  'stylesheet',
        type: 'text/css',
        href: 'css/ie9.css'
    })
);