Question

大家好，我的目标是在属性发生变化后显示提交表单。

<span class="recaptcha-checkbox goog-inline-block recaptcha-checkbox-unchecked rc-anchor-checkbox recaptcha-checkbox-expired" role="checkbox" aria-checked="false" id="recaptcha-anchor" tabindex="0" dir="ltr" aria-labelledby="recaptcha-anchor-label">

<button type="submit" class="Button ctct-button Button--block Button-secondary" id="submit-form" data-enabled="enabled">Sign Up</button>

我尝试过使用JQuery

$("#recaptcha-anchor").change(function(){
  alert("Changed!");
  $("#submit-form").show();
});

我也尝试过：

$(".recaptcha-checkbox").on('DOMSubtreeModified', function(){
   alert("This has been clicked");
   $("#submit-form").show();
});

指向我可能做错的任何指示？警报消息不会消失。我已经阅读了JQuery API以进行更改，但是如果有一个页面可以帮助我那么有用。谢谢！

Answer 1

在属性更改时没有触发此类事件。

您应该创建一个自定义事件来更改属性，并在您在代码中更改属性的位置触发它。然后你可以听它并执行你想要的代码。

在属性变更的函数中触发此类自定义事件

$(".recaptcha-checkbox").trigger('attribute-change');

然后为此事件创建事件监听器并执行您的代码。

$(".recaptcha-checkbox").on('attribute-change', function(){
   alert("This has been clicked");
   $("#submit-form").show();
});

关于跨度变化的Captcha

1 个答案: