У меня есть функция ниже, которая вызывается для перезагрузки изображения рекапчи. Он работает, перезагружает изображение, но после этого ничего делать не будет. В основном форма небольшая, на ней есть эта recaptcha, поэтому я уменьшил ее и разрешил щелкнуть, чтобы увеличить, и все такое. Если человек нажимает «получить еще одну капчу», которая вызывает reloadCAP (), он проверяет, имеет ли он класс большего изображения. если это нужно, мне нужно добавить этот класс и css обратно к элементам ПОСЛЕ загрузки нового изображения, но я не могу заставить его работать. Есть идеи?
function reloadCAP() {
if($("#recaptcha_widget img").hasClass('largecap')) {
Recaptcha.reload();
$("#recaptcha_widget img").addClass('largecap');
$('#recaptcha_image').css('height', '62px');
} else {
Recaptcha.reload();
}
}
вот html для этого:
<div id="recaptcha_widget" class="formRow" style="display:none;">
<span class="f_label">Enter Words Below:</span>
<input type="text" class="setWidth" id="recaptcha_response_field" name="recaptcha_response_field" />
<div class="cantread">
<strong>Can't read this?</strong><br />
<a href="javascript:reloadCAP()">Get another CAPTCHA</a>
</div>
<div id="recaptcha_image"></div> <!-- image loaded into this div -->
<div class="clear"></div>
<span class="smalltext">(click to enlarge)</span>
<br clear="all" />
</div>
<script type="text/javascript" src="http://api.recaptcha.net/challenge?k=6LfzMMwSAAAAADV6D04jDE6fKwrJ57dXwOEW-vY3&lang=en"></script>