标签内的jsRender模板答案

【问题标题】：jsRender template inside tag标签内的jsRender模板
【发布时间】：2013-09-01 20:42:37
【问题描述】：

我正在尝试将 jsRender 模板放入标签中。
我需要它才能将类似的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() 
});

输出得到渲染 inside <small> 标签。

有什么方法可以实现吗？如果不是，最接近的方法是什么？

【问题讨论】：

标签： javascript html templates jsrender

【解决方案1】：

在 jsviews.com 上有几个示例页面可以看到这种情况。

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

在本教程后面的页面："Using data-link and visibility, with mouse events (hover)" 中，它探索了连接鼠标悬停行为和显示/隐藏相关 HTML 元素的替代方法。

【讨论】：