未捕获的RangeError：超出最大调用堆栈大小（多个输入=文件）

Question

HTML

<div class="event-image">
  <figure>
    <img src="<?php echo base_url('assets/images/addimg.png'); ?>" />
    <figcaption class="imagcaption">Add Image</figcaption>
  </figure>
  <input type="file" name="upload" />
</div>

的jQuery

$(document).on("click","div.event-image",function(){
    $(this).children("input[type=file]").trigger("click");    
});

我在循环中创建了div以上，因此我会有许多带有class="event-image"的div。如何触发用户单击的div文件。

任何帮助都会很棒

Answer 1

使用 e.stopPropagation()

  

阻止事件冒泡DOM树，防止任何事件   家长处理人员被告知该事件。

添加：

$("input[type=file]").on("click", function(e){
   e.stopPropagation();
})