jQuery Template - Executing JS code inside the template

jquery jquery-templates
Anthony Webb picture Anthony Webb · Jan 19, 2011 · Viewed 9.9k times · Source

I am trying to learn more about jQuery templates but cant seem to execute any JS calls inside the template.

<script id="log-item" type="text/x-jquery-tmpl">
 {{if title.length }}
   <h3 style="padding-bottom:5px;">${ title }</h3>
 {{/if}}
 objectToString(${ detail });
</script>

Note that my objectToString() function is never called, just rendered out as a string. I tried wrapping it in {{ }} on a whim but no luck. Anyone out there who can help?

Answer

Harborhoffer picture Harborhoffer · Jan 19, 2011

Anthony, you can. The method your calling needs to be inside a template tag like so:

<script id="log-item" type="text/x-jquery-tmpl">
 {{if title.length }}
   <h3 style="padding-bottom:5px;">${ title }</h3>
 {{/if}}
 <p>
    Detail: ${ objectToString( detail ) }
 </p>
</script>

Related questions

JS: pass variable onclick

I'm trying to pass a variable to a function, I know there are many topics about this, and I've nearly tried all suggestions, but still can't get it to work, these are my attempts: edit: without the onclick, everything is …

Read More
JavaScript math, round to two decimal places in Jquery template

I have some code {{if commission}} <td>${profit - commission}</td> {{else}} <td>${profit}</td> {{/if}} profit = 5; commission = 2.145 result = 2.855999999999 I need 2.856 Please help me I try to use (${profit - commission}).toFixed(2) …

Read More
jQuery Templates are deprecated?

I see that per the jQuery plugin template page that jQuery plugins have gone from beta to deprecated without passing a real release. I can't find any info on jquery.com or their related sites about why. Or when a …

Read More