我试图在标签中放置一个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>
标记内呈现。
有没有办法实现这个目标?如果没有,最接近的方法是什么?
答案 0 :(得分:0)
jsviews.com上有几个示例页面可以查看此场景。
首先,这个"From rendering to linking"页面显示了如何在元素的HTML标记中使用JsRender标记。然后从那里开始,你将如何在JsViews和数据链接的上下文中做同样的事情。
在本教程的后面,在页面:"Using data-link and visibility, with mouse events (hover)"上,它探讨了连接onmouseover行为和显示/隐藏相关HTML元素的替代方法。