javascript - Jquery 转义选择器无法识别的表达式 : [data-route=search\\/child]

Question

我似乎找不到解决此问题的方法。

在 SPA 应用中，我有不同的路线。 #/search #/other #/search/child 。我解析主题标签并显示/隐藏包含属性数据路由的元素。

当路径由一部分组成时 #/search 一切正常。 Jquery 正在做 $('[data-route=search]').

当我添加第二部分#/search/child 时，我将选择器转义为“search\/child”，但 Jquery 无法运行选择器并出现以下错误消息:

Uncaught Error: Syntax error, unrecognized expression: [data-route=search\\/child] jquery.js:1850Sizzle.error jquery.js:1850tokenize jquery.js:2460select jquery.js:2847Sizzle jquery.js:1289jQuery.fn.extend.find jquery.js:5730jQuery.fn.jQuery.init jquery.js:197jQuery jquery.js:63allroutes MainView.js:21apply director.js:511_every director.js:308Router.invoke director.js:516updateAndInvoke director.js:474Router.dispatch director.js:482handler director.js:203onchange director.js:76

如果我打开控制台并执行相同的选择器，它工作正常。

var route = window.location.hash.slice(2);
route =  route.replace('/','\\\\/');
var sections = $('[data-route]');
var selector = "[data-route=" + route + "]";
var section = $(selector);

if (section.length) {
    sections.hide(250);
    section.show(250);
}

Answer 1

尝试使用引号。

var selector = "[data-route=\"" + route + "\"]";

那时你甚至不需要转义 /。