У меня есть общий шаблон, который я использую несколько раз.Метеоритный класс несколько раз запускается из JQuery.click()
{{#each item}}
{{> genericTemplate}}
{{/each}}
Внутри этого шаблона у меня есть кнопка, которая при нажатии на нее вызывает ввод скрытого файла в шаблон общего назначения.
$(".upload").click();
К сожалению, для каждого шаблона класс «.upload» уволен. Поэтому, если бы у меня было четыре items
, это дало бы мне 4 файла входа. Я не могу дать кнопкам уникальный id=""
, потому что тогда мне пришлось бы явно определять каждое событие для каждого идентификатора, отрицая всю причину создания общего шаблона в первую очередь. Каков правильный способ добиться чего-то подобного?
EDIT:
Мои шаблоны событий выглядеть следующим образом:
Template.generic.events({
'click .fileUpload' : function() {
$(".upload").click(); // sets off the 4 templates .upload class
},
'change .upload' : function (e) {
console.log('upload')
}
})
HTML:
<template name="generic">
<!--Hidden Inputs that get fired on click events -->
<div class="hiddenFile">
<input type="file" class="upload"/>
</div>
<button class="btn btn-success fileUpload">UPLOAD FILE </button>
</template>
См. Правки. Я понимаю определяющие события. Дайте мне знать, если я не буду разбираться в этом вопросе. – Nate
Не могли бы вы также указать код HTML? – saimeunt
Отредактировал свой ответ, я думаю, что это должно сделать трюк. – saimeunt