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

Question

我已经在网上找到了解决以下问题的合适解决方案，我似乎无法找到有用的解决方法;

我们正在使用Umbraco CMS来显示客户的网站，这不允许我们在＆lt; 中添加通常的条件评论。 HTML的头部＆gt; 。因此，我一直在努力寻找一种方法来获取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

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

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