Html:
<div id="list">
<p>Title</p>
<a class="name" style="display:block;" href="#">Link</a>
</div>
Javascript:
function testMe(nr, nr2) {
alert(nr + nr2);
}
var directives = {
'p': 'title',
'a': {
'row <- rows': {
'.' : 'row.name',
'.@onclick' : function(arg) {
return "testMe(1, 2);"; // Works in FF, not IE
//return "'testMe(1, 2);'"; // Works in IE, not FF
}
}
}
};
var listTemplate = $('#list').compile(directives);
data = {'title': title, 'rows' : [{name: 'Test1'}, {name: 'Test2'}]};
$('#list').render(data, listTemplate);