I looked for appropriate answers for this on the smarty site, and the resounding answer was escaping javascript’s {}s with {literal}’s<\/p>\n
Smarty template vars and Javascript functions<\/a> They basically all say to do something like this:<\/p>\n So they want to put everything in a literal tag, and then basically escape that literal tag when smarty needs to be used.<\/p>\n I didn’t like this, so I put the value in a hidden input and then just retrieved that input in the javascript, thereby keeping the js clean of smarty shenanigans:<\/p>\n But this is just a matter of personal preference.<\/p>\n","protected":false},"excerpt":{"rendered":" I looked for appropriate answers for this on the smarty site, and the resounding answer was escaping javascript’s {}s with {literal}’s Smarty template vars and Javascript functions How to use Javascript codes in template files? Access Smarty value with javascript They basically all say to do something like this: \/\/ $question_ids_json = ["1","2","3","4","5"] {literal} <script> […]<\/p>\n","protected":false},"author":4571,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[63924,17295,3163,63928,63969],"tags":[111293,63973,63930,63971,63972],"class_list":["post-140","post","type-post","status-publish","format-standard","hentry","category-atg","category-javascript","category-php","category-quizmo-atg","category-smarty","tag-javascript","tag-jquery-2","tag-php-2","tag-smarty-2","tag-templates"],"jetpack_featured_media_url":"","_links":{"self":[{"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/posts\/140","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/users\/4571"}],"replies":[{"embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/comments?post=140"}],"version-history":[{"count":7,"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/posts\/140\/revisions"}],"predecessor-version":[{"id":217,"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/posts\/140\/revisions\/217"}],"wp:attachment":[{"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/media?parent=140"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/categories?post=140"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/acts\/wp-json\/wp\/v2\/tags?post=140"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\nHow to use Javascript codes in template files?<\/a>
\nAccess Smarty value with javascript<\/a><\/p>\n\r\n\/\/ $question_ids_json = ["1","2","3","4","5"]\r\n{literal}\r\n<script>\r\n$(document).ready(function(){\r\n\tvar question_ids = {\/literal}{$question_ids_json}{literal};\r\n\t\r\n\talert(question_ids[0]);\r\n\r\n});\r\n<\/script>\r\n{\/literal}\r\n<\/pre>\n\r\n<input type="hidden" id="question_ids" value='{$question_ids_json}'\/>\r\n\r\n<script>\r\n$(document).ready(function(){\r\n\t\/\/var question_ids = {$question_ids_json};\r\n\tvar question_ids = eval($('#question_ids').val());\r\n\t\r\n\talert(question_ids[0]);\r\n\r\n\r\n});\r\n<\/script>\r\n<\/pre>\n