跨度更改的验证码

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();
});