Как отложено вызвать функцию, так что бы ее вызов сработал после загрузки файла скрипта (связываю HTML скелет и JS класс)?
Написал класс "калькулятор", поместил в файл, файл подключается в footer'e.
В body добавляю html элемент "калькулятор"... дальше нужно как то создать класс и привязать его к этому элементу что бы "оживить". Для этого нужно выполнить скрипт который создаст класс и передаст в конструктор класса id созданного элемента. Но тк класс еще не загружен нужно как то отложить выполнение этого скрипта до загрузки файла с классом.
Есть несколько идей как это можно реализовать...
1) Вынести этот скрипт в анонимную функцию привязанную к событию DOMContentLoaded/document ready.
2) В window создать массив и хранить в нем коды скриптов и когда файл с классом загрузится, в нем сработает document ready после чего анонимная функция пройдется по массиву и выполнит все коды через eval.
3) После загрузки файла с классом искать элементы по атрибуту (например "io_Calculator") и присваивать им соответствующие классы. А если элемент добавляется динамически то класс уже загружен и либо скриптом присваивать класс либо в том же коде который загружает html скелет.
Есть ли еще какое то более оптимальное решение ? 3 вариант пока наверное самый оптимальный...
