提交表单后运行 JavaScript (Wordpress + WPPayForm)

Question

我的 Wordpress 页面上有一个付款表单，我想在表单提交后运行一个 javascript 代码。

这是我要提交的代码：

ny.track({name: (new URL(window.location.href)).searchParams.get("utm_source"), value: 24.50, unit: "CHF"})

这是我的 Wordpress 页面上的内容：

jQuery(".wpf_submit_button").submit(function() {
     ny.track({name: (new URL(window.location.href)).searchParams.get("utm_source"), value: 24.50, unit: "CHF"});
    });

不幸的是，这似乎不起作用。如果我将其更改为在 click 上触发（例如，jQuery(".wpf_submit_button").click(function... 那么它可以正常工作，所以我不确定我做错了什么。Here is the link 带有代码的测试页已实施。我正在使用WPPayForm 支付表单。

非常感谢任何帮助！

Answer 1

.submit() 根据 jQuery 文档绑定到“提交”javascript 事件。您应该使用表单 ID 而不是按钮类作为 jQuery 选择器：

jQuery("#wpf_form_id_354").submit(function() {
 ny.track({name: (new URL(window.location.href)).searchParams.get("utm_source"), value: 24.50, unit: "CHF"});
});

查看 jQuery 文档：https://api.jquery.com/submit/

submit 事件在用户尝试时发送到元素 提交表格。 只能附加到<form> 元素。