我有一个带有事件的文本框,可以在会话中存储文本框的值,并在页面上显示该值。我有一个带有事件的图像列表,在点击图像后将图像URL添加到文本框中。但如果手动在文本框中写入某些文本,它就会停止工作("添加图像"事件)。
以下是代码:
<template name="imgList">
<div style="width: 500px; height: 100px; overflow: auto;">
{{#each images}}
||<img src="{{this.url}}" class="pic">
{{/each}}
</div>
<textarea class="tbox" cols="50" rows="20"></textarea><br />
{{#markdown}}{{text}}{{/markdown}}
</template>
Template.imgList.helpers
images: ->
Meteor.Images.find {}, sort:
uploadedAt: -1
text: ->
Session.get('text')
Template.imgList.events
'keyup .tbox': (evt, temp) ->
Session.set('text', $('.tbox').val())
'click .pic': (evt, temp) ->
img = evt.target.src
$(".tbox").append(img)