Загрузить внешний скрипт после загрузки страницы, используя $ (document) .ready () и $ .getScript () - PullRequest
Новая
       19

Загрузить внешний скрипт после загрузки страницы, используя $ (document) .ready () и $ .getScript ()

1 голос
/ 08 апреля 2019

Как видно из заголовка, я хочу загрузить скрипт, добавив тег script в заголовок веб-сайта, а не в его нижнюю часть.

Короткий пример / моя попытка был бы таков:

HTML file: 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
    <script src="js/jquery-3.3.1.js">
        $(document).ready( function () {
            $.getScript("./js/script.js");
        } );
    </script>
   </head>
<body>
    <p id="para">hey there waht's up</p>
<body>
</html>

Внешний JS Файл: 

$("#para").click( function () {
    $("#para").hide();
})

Но это не работает. Есть идеи почему? Я гоняюсь за единорогами?

1 Ответ

2 голосов
/ 08 апреля 2019

В соответствии с документацией MDN :

Если для элемента script указан атрибут src, в его тегах не должно быть встроенного сценария.

Итак, переместите код в отдельный тег сценария. 

<script src="js/jquery-3.3.1.js"></script> 
<script> 
    $(document).ready( function () { $.getScript("./js/script.js"); } );
</script>
...