reCaptchaが断続的にロードされない

Question

私は現在、reCaptchaを使用して顧客入力フォームにセキュリティを提供するウェブサイトを構築しています。

jQueryを使用して新しい顧客と既存の顧客を1つのページに対応させる必要があるため、Ajax APIを使用して、フォームが切り替わるたびに新しいreCaptchaイメージを作成しています。

通常、正常に動作します。しかし、最近私は、フォームの1つにreCaptchaイメージが全くロードされず、他のフォームのイメージが正常であるという問題に取り掛かり始めました。

さまざまなブラウザでさまざまな開発ツールを使用して、reCaptcha Ajax APIで次のエラーが見つかった：http://www.google.com/recaptcha/api/js/recaptcha_ajax.js

TypeError: Result of expression 'a("recaptcha_image")' [null] is not an object (Safari and Firefox). 
Uncaught TypeError: Cannot read property 'style' of null (Chrome) 

これはreCaptcha_ajax.jsファイルとエラーの場合は、明らかに多くの私にできることがないのですが、私はこれに応えることができるかもしれどのような方法があります。

Answer 1

問題が見つかりました。ラジオボタンのクリック機能を呼び出すonclickイベントで、ラジオボタンの隣にラベルを使用していました。

何らかの理由で、これが原因でcaptchaイメージが読み込まれませんでした。しかし、私がラベルをクリックしたときだけ。

なぜこのようなケースかわからないので、ラベルをクリックする機能を削除しました。

Answer 2

このエラーは通常、ReCaptchaウィジェットがページに存在しない要素に自分自身を配置しようとしているときに発生します。