Javascript/PHP - reCaptcha 样式已损坏答案

【问题标题】：Javascript/PHP - reCaptcha styles are brokenJavascript/PHP - reCaptcha 样式已损坏
【发布时间】：2012-01-12 04:46:19
【问题描述】：

我正在以我构建的这种形式使用 reCaptcha，但由于某种原因，它失去了它的样式...... 有谁知道为什么？形式：-不再需要链接-

表格代码：

<td align="center" colspan="2">
    <script type="text/javascript">/*<![CDATA[*/ var RecaptchaOptions = { theme : "clean", lang: "en" }; /*]]>*/</script>
    <script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LfExcoSAAAAAFuAzQEMIDXCkWN3Y9nRd9uLfetc"></script>
    <iframe src="http://api.recaptcha.net/noscript?k=6LfExcoSAAAAAFuAzQEMIDXCkWN3Y9nRd9uLfetc" height="250px" width="100%" frameborder="0" title="CAPTCHA test"></iframe><br />
    <textarea name="recaptcha_challenge_field" id="tswcaptcha" rows="3" cols="40"></textarea>
    <input type="hidden" name="recaptcha_response_field" value="manual_challenge" />
</td>

样式被破坏是没有意义的，因为我已经让它在另一个网站上工作......可能是因为我使用 jQuery 加载了 reCaptcha 表单吗？

【问题讨论】：

标签： php javascript styles recaptcha

【解决方案1】：

我什至看不到 reCaptcha 应该从哪里获得它的样式？

reCaptcha Docs

【讨论】：

据我所知，reCaptcha 的风格源于我设置了选项：{ theme : "clean", lang: "en" }，对吗？
这是正确的。但我不认为它是呈现的 HTML 页面上的用户。如果您转到您的页面，并查看 iframe 的 html 源代码，则没有样式。但是在 fx google.com/recaptcha/learnmore 的 iframe 页面的头部有一个样式。但这可能就像您自己建议的那样，当您使用 jQuery 加载它时，脚本不会执行。尝试将 reCaptcha 初始化代码包装到一个函数中，并在加载新表单后调用该函数？
是的，我注意到代码也没有出现在代码中，我不确定如何将 reCaptcha 代码包装在一个函数中，因为它只是一个 iFrame链接到 [其中包含 recaptcha]...
function foo (){ var RecaptchaOptions = { theme : "clean", lang: "en" }; } 然后在加载 reCaptcha 时从执行的某些代码中调用该函数 (foo)。

【解决方案2】：

我最终使用了用于 ReCaptcha 的 AJAX API，它的工作原理就像一个魅力！

关于这里的更多信息： http://code.google.com/intl/nl/apis/recaptcha/docs/display.html#AJAX

【讨论】：