Question

我试图在标签中放置一个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() 
});

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

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

Answer 1

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

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

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

标签里面的jsRender模板

1 个答案: