无法在联系表单插件 (Wordpress) 上使用 jQuery 禁用提交按钮

Question

页面使用的是jQueryv1.11.3，我的代码如下：

<script type="text/javascript">
  jQuery(document).ready(function(){
    console.log("Disabling submit button.");
    jQuery("#submitBtn").prop("disabled", true);
  });
</script>

奇怪的是，console.log 运行得很好 - 但提交按钮从未接收到 'disabled' 属性。

我什至尝试使用以下方法来确保 ID 正确：

jQuery("#submitBtn").remove();

当我运行该代码时，按钮确实消失了。

认为它可能是 jQuery 运行的旧版本，我也尝试了旧的 jQuery 方法：

jQuery("#submitBtn").attr("disabled", "disabled");

但这似乎也不起作用。

本页直播URL是：http://www.advancedpowderproducts.com/get-a-quote/

有人知道我在这里遗漏了什么吗？

Answer 1

我运行在您提供的 URL 控制台中的两个代码片段都有效。我也检查了inspector

第一个（点击）：

jQuery('#submitBtn').click(function(){
    jQuery(this).attr("disabled", "disabled");
});

第二个（加载中）：

jQuery("#submitBtn").attr("disabled", "disabled");

Answer 2

如果我从控制台运行我看到我得到了你方面的结果。

$('#submitBtn').prop('disabled', true);

所以按钮可能是在执行此行之后呈现的。您可以尝试稍微延迟执行。

setTimeout(function (){
    $('#submitBtn').prop('disabled', true);
}, 1000);

无法在联系表单插件 (Wordpress) 上使用 jQuery 禁用提交按钮

Cannot disable a submit button using jQuery on Contact Form plugin (Wordpress)

wordpress

jquery

contact-form-7