我试图在点击特定链接时触发模板内部的输入文件元素,但是当我点击链接时没有任何反应,有人可以告诉我这里缺少什么/做错了吗?感谢
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>
答案 0 :(得分:1)
尝试使用trigger()
函数来触发事件,如下所示:
$(event.target).find('[name=upl]').trigger('click');
答案 1 :(得分:1)
它没有用,因为你使用的是.find(),但你要找的不是event.target的后代。您可以像这样使用.next()。
Template.uploadResources.events({
'click #drop1link':function(event, template){
$(event.target).next('[name=upl]').click();
}
});