Jquery文件上传器-点击事件-这里发生了一些神奇的事情

jquery file uploader - click event - some magic going on here

本文关键字：发生了 神奇 这里 文件 -点 事件 Jquery      更新时间：2023-09-26

我有一个与.link类的链接。

Jquery文件上传上传按钮是这样的- 

<input id="upload-button-file" multiple="" name="photo" type="file">

我有一个事件当链接点击:

$(".link").click(function(){
     debugger;
     $("#upload-button-file").trigger("click"); 
});

所以，当我点击链接与类.link，我正在显示一个弹出浏览图像。
但是，当我手动运行

一行时

$("#upload-button-file").trigger("click");

在控制台中，它没有显示弹出窗口。同样，如果我像上面那样使用调试器，如果我在调试期间输入那一行，它就不起作用，但是如果我使用调试器执行那一行，它就起作用了。

将显示弹出窗口的代码拉到一个函数中，并直接从两个事件调用它。将触发事件排除在等式之外。

showPopup: function() {
  $(#popup).show() // or some code that creates your popup
  //other code
}
$('.link').click(function() {
  showPopup();
}
$('#upload-button-file').click(function() {
  showPopup();
}

或考虑,

<element id='id' class='class' onclick="Object.showPopup() or new Popup()"></element>

可以直接从html标签中调用

相关文章：