驗證碼上的變化

Question

嗨，我的目標是在屬性更改後顯示提交表單。

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

任何指針什麼，我可能是做錯了：

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

我自己也嘗試嘗試？警報消息不會關閉。我已經閱讀了JQuery API的更改，但是如果有一個頁面可以幫助我，那將是有用的。謝謝！

Answer 1

在屬性更改時不會觸發此類事件。

您應該創建一個自定義事件來更改屬性，並在代碼中更改它時觸發它。然後你可以聽它並執行你想要的代碼。在功能上類似這樣的

觸發自定義事件，其中屬性得到改變

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

然後讓事件偵聽此事件並執行代碼。

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