JQuery click trigger дает ошибку «Максимальный размер стека вызовов»

Question

Я знаю, что могу получить кучу downvotes, но мне все равно, дерьмо, как это сводит меня с ума. Вот что я получил:

JQ:

function attFile(){ 
    $("#theFileInput").trigger('click'); 
}; 

HTML:

<a href="#" id="attachfile" onclick="attFile();"> 
<input type="file" id="theFileInput" style="display:none" /> 

И это не работает. Я проверил весь stackoverflow, я использовал jsfiddles от людей, которые действительно работают, и они терпят неудачу здесь. Например:

$('#attachfile').click(functcion() { 
$("#theFileInput").trigger('click'); // or triggerHandler or click() 
}); 

или

function attFile(event){ 
event.preventDefault(); 
$("#theFileInput").trigger('click'); 
}; 

Это все выходит из строя. Событие даст мне «вызов undefined», в то время как остальное дает мне Uncaught RangeError: Максимальный размер стека вызовов Если я сломаю его с alert("jq please"); в первой строке, в зависимости от используемого кода один будет циклически навсегда, а другие будут показать предупреждение, но не нажимать на ввод проклятого файла.

Answer 1

Html:

<a href="javascript:void(0);" id="attachfile">Click on me </a> 
<input type="file" id="theFileInput" style="display:none" /> 

JS:

$('#attachfile').click(function() { 
$("#theFileInput").trigger('click'); 
}); 

Sample