javascript - jQuery:在点击之前调用提交

Question

我有这段代码:

var valueClicked;

$("#frmEditDocument :submit").on('click', function (e) {
    valueClicked = e.target.value;
});

$('#frmEditDocument').on('submit', function () {
    if ($(this).valid()) {
        if (valueClicked == undefined) {
            alert("ValueClicked is undefined");
            return false;
        }
        $("#buttonId").val(valueClicked);
        $(this).find(':submit').prop('disabled', 'disabled');
        return true;
    }
    else
        return false;
});

一切都几乎总是按预期工作(提交表单后按钮变灰)。但仅在某些随机情况下在 Chrome 上，valueClicked 变量未定义，因为 on submit 在 on click 之前被调用。你知道这段代码有什么问题吗？或者问题出在 Chrome 本身？我如何更正此代码以使其在 Chrome 上也能正常工作？

Answer 1

这也发生在我身上。

唯一的解决办法是使用 setTimeOut。您可以在提交时使用 setTimeOut 让点击事件在提交前执行。

只是不要给计时器一个很高的值。