Jquery单击触发器给出错误’超出最大调用堆栈大小’

我知道我可能会得到一堆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”,而rest给我Uncaught RangeError：超出最大调用堆栈大小如果我打破它与alert(“jq please”);在第一行,根据我使用的代码,一个将永远循环,而其他人将显示警报但不点击该死的文件输入.

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

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