Неправильная ошибка выбора при портировании из jQuery в Zepto

Question

Я пытаюсь использовать Zepto в jQuery для плагина vex.js.

".vex:not(".vex-closing") .vex-content" 

Я получаю ниже ошибки при выполнении выше селектора.

error performing selector: ".vex:not(".vex-closing") .vex-content" zepto.min.js:3 
Uncaught SyntaxError: Failed to execute 'querySelectorAll' on 'Document': '.vex:not(".vex-closing") .vex-content' is not a valid selector. 

Как исправить эту проблему.

Вот код, извлеченный из vex.js

getAllVexes: function() { 
    return $("." + vex.baseClassNames.vex + ":not(\"." + vex.baseClassNames.closing + "\") ." + vex.baseClassNames.content); 
} 

Answer 1

Котировки, как правило, не допускается в селекторе :not(), так как он принимает селектор, а не строка. По какой-то причине, однако, quotes are allowed in jQuery/Sizzle's implementation of :not().

Вы должны удалить \" метки из вашей строки селектора для того, чтобы работать в document.querySelectorAll() (который появляется Zepto прямого вызова, и использовать исключительно для согласования селектора - поправьте меня, если я ошибаюсь):

return $("." + vex.baseClassNames.vex + ":not(." + vex.baseClassNames.closing + ") ." + vex.baseClassNames.content); 

Это приведет к выбору селектора, например .vex:not(.vex-closing) .vex-content, который является допустимым селектором CSS.