Показать сообщение отдельно
  #1 (permalink)  
Старый 24.08.2018, 10:52
Аспирант
Отправить личное сообщение для desperate_one Посмотреть профиль Найти все сообщения от desperate_one
 
Регистрация: 21.04.2017
Сообщений: 43

Запуск скрипта после загрузки всех элементов страницы
Есть задача подключить скрипт на страницу после того как загрузятся все элементы. Я её попробовал решить так:

<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 подключен.
Ответить с цитированием