Error when used with jQuery 1.9

[pea]

When used with jQuery 1.9 I get this error:

"Uncaught Error: Syntax error, unrecognized expression: <div class="..."

Example: http://pastebin.com/kef1D8bH

[anlek]

I have the same issue.

[anlek]

So a little Googling around and I found this:
http://stage.jquery.com/upgrade-guide/1.9/#jquery-htmlstring-versus-jquery-selectorstring

Seems like it has nothing to do with Handlebars, but how jQuery parses template HTML in 1.9.

I found that URL from this issue: http://stackoverflow.com/questions/14347611/jquery-1-9-client-side-template-syntax-error-unrecognized-expression

Hope that helps

[jmorton]

Thanks for the stackoverflow link. After reading the discussion, I decided to work around this problem by trimming leading white space from the template's output.

I changed this...

$(this.template(this.model.attributes));

to this...

$(this.template(this.model.attributes).trim());

While it might be nice for Handlebars to trim things automatically, that seems like it could have some unintended consequences.

[anlek]

I agree, I had to trim my template as well, however IE 9 didn't like the trim() command so I had to use the replace to make it work. (http://stackoverflow.com/questions/498970/how-do-i-trim-a-string-in-javascript)

[pkrakowiak]

Just ran into the same issue. Trimming the HTML text generated by Handlebars does the trick.

[wagenet]

It's worth considering whether Handlebars should trim its output to begin with.

[xmen4u]

Thanks! came to the same conclusion and also blamed jquery :)
i don't think handlebars should do the trimming... it can be used across any text based format and maybe the space is intended.

[honi]

Having the same issue here. While @xmen4u has a point, maybe a global flag would do the trick.
Handlebars.autoTrim = True;

[mschatke]

Thank you for that solution.
A global flag would be nice - however should that be true or false by default?
Also an additional automatic detection would be nice to make handlebars work out-of-the box, especially for new developers. However that is not really a generic solution...

[kpdecker]

Closing this issue so we can consolidate whitespace handling issues on #336

[daverogers]

Update for anyone who also ran into this...

jQuery reverted their 1.9 HTML processing restrictions in v 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

Simply upgraded to the latest version of jQuery.