调整事件未调用或可能是其他问题

Question

我试图让jQuery在浏览器窗口超过1360px时向页面附加一个Wide.css样式表，并在文件少于那时删除该文件。

目前，主样式表只包含灰色背景和宽度为900px的包装器，另一个是Wide.css，背景为红色，包装宽度为1300px。

我面临的问题是它在刷新页面时工作正常，但是，只要调整窗口大小，就不会调用该函数（或者代码存在其他问题）。

剧本：

$(document).ready(function () {
    stylesheetToggle();
    $(window).resize(stylesheetToggle);
});

function stylesheetToggle() {
    if ($('body').width() > 1360) {
        $('<link rel="stylesheet" href="Content/Stylesheets/Wide.css" type="text/css" />').appendTo('head');
    } else {
        $('link[href=Content/Stylesheets/Wide.css]').remove();
    }
}

Answer 1

您的语法错误由选择器中的/字符引起。您需要在选择器中的href属性值周围加上引号：

$('link[href="Content/Stylesheets/Wide.css"]').remove();