Question

我有一个类.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");

在控制台中，它不会弹出弹出窗口。另外，如果我使用上面的调试器，如果我在调试期间输入该行，则它不起作用，但如果我使用调试器执行该行，则它正在工作。

如需更多信息，请与我们联系。

Answer 1

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

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标签拨打电话。

jquery文件上传 - 点击事件 - 这里有一些魔力

1 个答案: