jQuery.Deferred 异常:字符串与预期模式不匹配

Question

我对这个控制台错误有点头疼，仅在Safari上（实际上在MacBook上工作）。

我有这个功能：

function exists(element){
    var exists = document.querySelector(element);
    return exists;
}

在另一个函数中调用：

function includeHoverStylesheet(){
    var path = $("body").attr("data-hover");
    if (!("ontouchstart" in document.documentElement || exists("link[href='" + path + "'"))) {
        var link = document.createElement("link");
        link.rel = "stylesheet", link.href = path, document.head.appendChild(link) && document.body.removeAttribute("data-hover");
    }
}

现在，在Chrome上就像一个魅力，但在Safari上，控制台会抛出此错误：

1) Invalid CSS property declaration at: *
2) jQuery.Deferred exception: The string did not match the expected pattern.
3) SyntaxError (DOM Exception 12): The string did not match the expected pattern.

有人知道到底发生了什么???

提前感谢伙计们！

Answer 1

缺少右括号，因此您使用了无效的选择器。（正如Roamer-1888作为评论提到的）

看看下面的讨论，其中测试了不同浏览器中的无效选择器，只有 Safari 是严格提出的错误：https://www.reddit.com/r/firefox/comments/5nbmqi/on_handling_invalid_selector_strings/

对于所有 jquery-Users：检查您的 jquery 版本，因为选择器问题已经修复了错误。

我只在 Safari 上对此语句有相同的错误

var div = $('<div class="abc">');

该语句在Firefox和Chrome上运行良好，但在使用jquery 1.11.1版本时在Safari上无法正常工作;但是在jquery 1.12.4中都可以正常工作。

就我而言，我使用以下语法解决了它：

var div = $('<div>', {"class":"abc"});