Есть задача подключить скрипт на страницу после того как загрузятся все элементы. Я её попробовал решить так:
<div id="content">
<h1>Главная страница</h1>
<p>Testing site</p>
<p id="testarea">Testing area</p>
<div id="testingblock">
<h3>Testing block</h3>
</div>
</div>
<script>
var testareap = $('#testarea');
var scriptfile = 'script.js';
var scripttag = "<script src=" + scriptfile + "><" + "/script>";
$("#testarea").click(function() {
$("body").delay(3000).append(scripttag);
$("body").delay(3000).append('<b> / тест обл </b>');
// $('#testingblock').fadeOut(500).delay(3000).fadeIn(1000);
});
window.onload = function() {
$("body").delay(10000).append(scripttag);
$("body").delay(10000).append('<b> / скрипт </b>');
}
</script>
Всё работает, но не так как надо, указал задержку на срабатывание функций, а append срабатывает сразу, и при открытии страницы и при клике по тест блоку. Jquery подключен.