javascript - 单击选择框时通过 JavaScript 导致页面重新加载的原因

Question

示例网址位于此处:[链接已删除]

我的代码很简单:

$('.jump-submit').on('change', function(e) {
    var $this = $(this);
    $this.closest('form').submit();
});

但是，如果您单击选择框来选择状态，那么在选择状态之前，表单似乎无论如何都会被提交，就好像它是由 click 事件触发的，当我' m 使用 change 事件。

不太擅长在控制台中调试此问题，但启用了“保留日志”，并在 Chrome 的“源”选项卡中的“加载 -> 卸载”中放置了一个复选框，但使用“异常暂停”单步执行它指向DOM 异常无法执行 'queryselectorall' 但研究这个表示不要在 chrome 中使用“异常暂停”，并且这不是 jQuery 错误。

如何正确调试此问题并确定在此选择框上发生更改事件之前导致页面刷新的原因？

Answer 1

下拉列表中有一个名为 submit-form 的类，并且以下点击事件会导致该行为:

...).on('click', '.submit-form', function(event) {
    event.preventDefault();

    $(this).closest('form').submit();
});

这是 app.js 的第 175 行(经过美化，源代码可能有所不同)