jQuery client-side template Syntax error unrecognized expression

Question

I just updated jQuery from 1 8 3 to 1 9  and it started crashing all of a sudden   This is my template    lt script type  text template  id  modal template  gt       lt div gt hello lt  div gt   lt  script gt    This is how I read it   modal template html       modal template   html      This is how I transform it into jQuery object  I need to use jQuery methods on it    template     modal template html         and jQuery crashes   Error  Syntax error  unrecognized expression   lt div gt hello lt  div gt   slice call  docElem childNodes  0   0  nodeType   jquery-1 9 0 js  line 3811   However  if I declare template as a plain text variable  it starts working again   var modal template html     lt div gt hello lt  div gt      Can anyone help me to figure this out   UPDATE  Jquery team heard and changed things back to normal in 1 10      The biggest change you   re likely to see is that we   ve loosened up the criteria for HTML processing in      allowing leading spaces and newlines as we did before version 1 9

User · Answer

As the official document  As of 1 9  a string is only considered to be HTML if it starts with a less-than    lt    character  The Migrate plugin can be used to restore the pre-1 9 behavior   If a string is known to be HTML but may start with arbitrary text that is not an HTML tag  pass it to jQuery parseHTML   which will return an array of DOM nodes representing the markup  A jQuery collection can be created from this  for example      parseHTML htmlString    This would be considered best practice when processing HTML templates for example  Simple uses of literal strings such as     lt p gt Testing lt  p gt    appendTo  body   are unaffected by this change

User · Answer

Turns out string starting with a newline  or anything other than   lt    is not considered HTML string in jQuery 1 9  http   stage jquery com upgrade-guide 1 9  jquery-htmlstring-versus-jquery-selectorstring

User · Answer

I had the same error   Syntax error  unrecognized expression       It is known bug at JQuery  so i needed to think on workaround solution  What I did is  I changed  script  tag to  div   and added at angular this code and the error is gone     app run    templateCache   function  templateCache        var url    survey-input html       content   angular element document getElementById url   html        templateCache put url  content

User · Answer

I guess your template is starting with a space or a tab   You can use jQuery like that       parseHtml modal template html  1      or parse the string to remove spaces of the beginning     modal template html replace      t   gm

User · Answer

You can use   var modal template html     trim     modal template   html     var template     modal template html

User · Answer

EugeneXa mentioned it in a comment  but it deserves to be an answer   var template       modal template   html   trim      This trims the offending whitespace from the beginning of the string  I used it with Mustache  like so   var markup   Mustache render template  data     markup  appendTo container

[javascript] jQuery + client-side template = "Syntax error, unrecognized expression"

Examples related to javascript

Examples related to jquery

Examples related to mustache