单击时未调用 jQuery .submit 事件句柄答案

【问题标题】：jQuery .submit event handle not called on click单击时未调用 jQuery .submit 事件句柄
【发布时间】：2013-11-30 01:01:27
【问题描述】：

当用户单击表单上的提交时，我正在尝试使用以下内容执行 ajax 请求，以便页面不会重新加载。

$('#pick-names-and-email').submit(function(e) {
            $.ajax({
                type: 'POST',
                url: $('#participants-summary').attr('action'),
                data: $('#participants-summary').serialize(),
                success: function(data) {
                    alert('ajaxdone');
                }

            });
            e.preventDefault();
        });

由于某种原因，当我单击页面上的链接时，它会执行常规表单提交并且我的事件处理程序永远不会被调用。奇怪的是，如果我在某个地方的 javascript 中执行 $('#pick-names-and-email').submit()，则 ajax 执行得很好。事件处理程序似乎不仅仅因为鼠标点击而被调用。有什么想法吗？

编辑：#pick-names-and-email 是我的提交按钮

【问题讨论】：

你的提交链接是什么？
抱歉。 #pick-names-and-email 是提交按钮
您需要您的 form 有一个 ID #pick-names-and-email，并在您的表单中输入一个提交按钮
哦，谢谢！出于某种原因，我以为我试过了，但没有奏效。估计我之前打错字了。再次感谢
尝试使用按钮添加“onclick”事件。按钮没有“提交”事件，但“
”有。

标签： jquery ajax submit handler

【解决方案1】：

#pick-names-and-email ID 在提交按钮上，

当您点击 #pick-names-and-email 表单上的提交按钮时，将调用提交函数

<form id="#pick-names-and-email">
    <input ..... />
    <input ..... />
    <input type="submit"..... />
</form>

【讨论】：