流星将点击发送到输入文件

Question

当单击特定链接时，我试图触发单击模板中的输入文件元素，尽管当我单击该链接时什么都不会发生，有人能告诉我我在这里/做错了什么吗？谢谢

Template.uploadResources.events({
'click #drop1link':function(event, template){
     $(event.target).find('[name=upl]').click();
 }
});

模板：

<template name="uploadResources">
           <div class="col-md-4">
            <form id="upload-2" method="post" enctype="multipart/form-data" class="upload">
                <div id="drop-2" class="drop">
                    <a id="drop1link" name="drop1link">Click Here</a>
                    <input type="file" name="upl" multiple />
                </div>
            </form>
            </div>            
</template>

Answer 1

它不起作用，因为您使用的是.find()，但是您要寻找的不是event.target的后代。您可以像这样使用.next()。

Template.uploadResources.events({
'click #drop1link':function(event, template){
     $(event.target).next('[name=upl]').click();
 }
});

Answer 2

尝试使用trigger()函数来激发事件，如：$(event.target).find('[name=upl]').trigger('click');