Geek Answers Handbook

Icanhaz / mustache loop (iterating through elements) js error

I try to start the icanhaz / mustache loop as defined in this, and I get the following error in the browser console:

Uncaught Error: Syntax error, unrecognized expression: <option value="1">First</option> <option value="2">Second</option>

I do not know why. I just noticed that this is the line that causes the problem:

 ich.myTemplate(listOfStuff);

This is my whole code:

 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/tr/html4/transitional.dtd"> <html> <head> <title>icanhaz.js demo</title> <meta http-equiv="content-type" content="text/html; charset=utf-8" /> <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js" ></script> <script type="text/javascript" src="https://raw.github.com/HenrikJoreteg/ICanHaz.js/master/ICanHaz.js"></script> </head> <body> <select id="mySelectBox"> </select> <script id="myTemplate" type="text/html"> {{#stuff}} <option value="{{key}}">{{desc}}</option> {{/stuff}} </script> <script> $(document).ready( function() { var listOfStuff = {stuff: [ {key: "1", desc: "First"}, {key: "2", desc: "Second"} ]}; var x = ich.myTemplate(listOfStuff); $("#mySelectBox").append(x); }); </script> </body> </html>

Thanks for any suggestions!

0
source share
2 answers

Finally, I found a mistake. This was a problem with the jquery version - 1.9.1 returned an error, but 1.8.3 did not. Compare these demos:

for version 1.9.1, look at the javascript console.

Also, if I changed

 <script id="myTemplate" type="text/html"> {{#stuff}} <option value="{{key}}">{{desc}}</option> {{/stuff}} </script>

to

 <script id="myTemplate" type="text/html"> {{#stuff}}<option value="{{key}}">{{desc}}</option>{{/stuff}} </script>

for 1.9.1, it also worked great.

edit: this is an open issue on icanhaz / github . If you want, please help fix this error!

+2
source 
 var listOfStuff = {stuff: [ {key: "1", desc: "First"}, {key: "2", desc: "Second"} ]}; var html = ich.myTemplate(listOfStuff); $("#mySelectBox").append($(html));

Give it a try?

0
source

More articles:


All Articles