Question

该页面使用的是jQuery v1.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

如果我从控制台运行它，我会看到我得到的结果。

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

因此，可能在执行此行之后呈现按钮。您可以尝试执行一些延迟。

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

Answer 2

我在您提供的实时URL控制台中运行了两个代码段，两个代码段均有效。我也检查了检查员。

首先（点击）：

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

第二（加载时）：

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

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

2 个答案: