На странице "A" я подгружаю страницу "B" через фреймворк "fancybox".
Функция "showRecaptcha" вызывается до того успевает загрузится библиотека "lib.js". Следовательно никакого эффекта от вызова функции нет.
Если разместить содержимое "lib.js" на странице "B" в тегах "script" до вызова функции то всё работает нормально.
Как я могу указать вызов функции только после загрузки библиотеки на странице?
Структура страницы 'B'
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<script type="text/javascript" src="http://site/lib.js"></script>
</head>
<body>
<script type="text/javascript">
$(document).ready(function(){
function showRecaptcha(element) {Recaptcha.create("333",element, {theme: "white"});
}
showRecaptcha('box');
});
</script>
<div id="box"></div>
</body>
</html>
P.S. Если просто открыть страницу "B" не используя ajax (фреймворк fancybox) - всё подгружается до того как вызывается функция.