标签内的jsRender模板

Question

我试图将jsRender-template放在标签内。
我需要它能够将类似的onmouseover和onmouseout渲染到任何元素中。

测试代码：

内部模板

<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() 
});

输出会呈现内 <small>标签虽然。

有什么办法可以做到这一点？ 如果没有，最接近的方法是什么？

Answer 1

jsviews.com上有几个示例页面，介绍了这种情况。

首先，此“从渲染到链接”页面显示了如何在元素的HTML标记内使用JsRender标签。 然后从那里开始，到如何在JsViews和数据链接的上下文中执行相同的操作。

在本教程后面的页面： “使用数据链接和可见性，并带有鼠标事件（悬停）” ，它探讨了挂钩onmouseover行为以及显示/隐藏相关HTML元素的替代方法。