我知道这个帖子很旧了，但我认为值得一提的是我发现这个问题的场景，所以它可以帮助其他人。

假设你有这样的嵌套元素:

<a href="#" id="profile-avatar-picker">
    <span class="fa fa-camera fa-2x"></span>
    <input id="avatar-file" name="avatar-file" type="file" style="display: none;" />
</a>

您不能在其父元素的事件内操作子元素事件，因为它会传播到自身，进行递归调用，直到抛出异常。

所以这段代码会失败:

$('#profile-avatar-picker').on('click', (e) => {
    e.preventDefault();

    $('#profilePictureFile').trigger("click");
});

你有两个选择来避免这种情况:

将子对象移动到父对象的外部。 将stopPropagation函数应用于子元素。

我试图给一个变量赋值，一个没有声明的变量。

声明变量修正了我的错误。

如果您不小心导入/嵌入了相同的JavaScript文件两次，有时会出现这种情况，值得在检查器的资源选项卡中检查。

发送输入元素而不是它们的值很可能会像FK提到的那样解决它

在我的例子中，两个jQuery模态是堆叠在一起的。阻止这一切解决了我的问题。

我们最近添加了一个字段的管理网站，我们正在工作- contact_type…简单的对吧?好吧，如果你调用select“type”，并试图通过jquery ajax调用发送它，它会失败，这个错误深埋在jquery.js中。

$.ajax({
    dataType: "json",
    type: "POST",
    url: "/some_function.php",
    data: { contact_uid:contact_uid, type:type }
});

问题是，type:type -我相信是我们将参数命名为“type”-有一个名为type的值变量不是问题。我们将其更改为:

$.ajax({
    dataType: "json",
    type: "POST",
    url: "/some_function.php",
    data: { contact_uid:contact_uid, contact_type:type }
});

并相应地重写了some_function.php——问题解决了。