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

我似乎找不到解决此问题的解决方法。jquery转义选择器无法识别的表达式：[data-route = search \/child]

在一个SPA应用程序中，我有不同的路线。＃/ search＃/ other＃/ search/child。我解析hashtag并显示/隐藏包含属性data-route的元素。

当路径由一个部分＃/搜索组成时，一切正常。 Jquery正在做$（'[data-route = search]'）。

当我添加第二个部分＃/搜索/孩子，我逃选择进入“搜索\ /子”，但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); 
}

来源

2014-10-28 sesteva

尝试'[data-route =“search/child”]'，'[data-route =“search \/child”]'，'[data-route =“search \\/child”]' 。 – amphetamachine 2014-10-28 22:12:55

尝试使用引号。

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

然后你甚至不需要转义/。

来源

2014-10-28 22:15:29 amphetamachine

工作正常！谢谢！ – sesteva 2014-10-29 02:58:15

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

回答

相关问题