Question

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

我所拥有的代码就是这样：

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

但是，如果您点击选择框以选择州，则在您选择州之前，表单似乎仍然会被提交，就像它被click事件触发一样，当我和＃39; m使用change事件。

在控制台中对此进行调试并不是很擅长，但是启用了“保留日志”，并在“＃34;加载 - ＆gt;中添加了一个复选框。卸载＆＃34;在Chrome的“来源”标签中，可以使用＆＃34;在例外情况下暂停＆＃34;指向DOM Exception Failed to execute 'queryselectorall'，但研究这个说不使用＆＃34;暂停例外＆＃34;在chrome中，这不是一个jQuery错误。

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

Answer 1

您在下拉列表中有一个名为submit-form的类，您有以下点击事件导致该行为：

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

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

app.js的第175行（在美化之后，可能在来源方面有所不同）

点击选择框，通过javascript导致页面重新加载的东西

1 个答案: