Как настроить верную последовательность выполнения скриптов?

Question

[Максим Шадрин]

Всем привет.
Есть сайт.
В футере сначала подключается файл всех скриптов проекта (библиотеки + скрипты для сайта), а затем подключается еще один js файл ajaxform.js, скрипты modx компонента. Внутри данного файла я хочу сделать следующее, закрыть popup окно, которое реализовано библиотекой magnific popup, после успешной отправки формы. Делаю я это так:

...
setTimeout(function() {
  $("#form1").magnificPopup.close();
}, 1000);
...

Проблема в том, что консоль ругается на то, что не знает, что такое magnific popup, хотя файл с ним подключен ранее. Как сделать так, чтобы всё заработало?

Comments

[Максим Шадрин]

Прошу прощения, я сам тупанул. Просто не верно написал код для magnific popup. Дело было в этом

Answer 1

[ThunderCat]

$(document).ready(function () {
setTimeout(function() {
  $("#form1").magnificPopup.close();
}, 1000);
}

Answer 2

[Петр Догордуров]

Если вы работаете с большим количеством скриптов и не хотите, чтобы они мешались друг-другу, для вас сделали чудесный инструмент webpack.
--Webpack