标签里面的jsRender模板

时间:2013-09-01 20:42:37

标签: javascript html templates jsrender

我试图在标签中放置一个jsRender模板 我需要这样才能将类似onmouseoveronmouseout呈现到任何元素中。

测试代码:

模板内的

<small {{for "Key_" + Key tmpl="tooltip_logic"/}}>shows key on hover</small>

部分模板

<script type="text/x-jsrender" id="tooltip-logic-template">
    onmouseover="$('#Key_{{:#data}}').show();" onmouseout="$('#Key_{{:#data}}').hide();"
</script>
在渲染模板之前

javascript

$.templates({ 
    ...
    tooltip_logic: $('#tooltip-logic-template').html() 
});

但是输出会在<{em>} <small>标记内呈现

有没有办法实现这个目标?如果没有,最接近的方法是什么?

1 个答案:

答案 0 :(得分:0)

jsviews.com上有几个示例页面可以查看此场景。

首先,这个"From rendering to linking"页面显示了如何在元素的HTML标记中使用JsRender标记。然后从那里开始,你将如何在JsViews和数据链接的上下文中做同样的事情。

在本教程的后面,在页面:"Using data-link and visibility, with mouse events (hover)"上,它探讨了连接onmouseover行为和显示/隐藏相关HTML元素的替代方法。