Как включить глобальные переменные JS в JSP, прежде чем включать внешние JS с помощью cq: include?

Question

У меня есть JS, который использует некоторые переменные, которые поступают либо из OSGI, либо из диалогов. Поэтому они должны быть загружены перед любым из моих JS, но рекомендуемый тег cq: include загружает файлы JS до этого. Какие-нибудь умные идеи?

<script> 
var globalVar ="<%=someJspVar%>"; 
</script> 
<cq:includeClientLib js="something.that.uses.globalVar" /> 

Answer 1

Вы должны использовать dependencies особенность AEM. Вы можете указать свой глобальный js как зависимость вашего компонента js. Это означает, что AEM будет включать глобальные js перед компонентом js в сгенерированном html.

Дополнительную информацию можно найти на странице Adobe documentation.

Answer 2

Использование зависимостей клиентской библиотеки является хорошим вариантом, но если ваш глобальный JavaScript не находится в библиотеке, а вместо этого отображается динамически, как в вашем примере, этот параметр может не сработать для вас. В таком случае я рекомендую вам сделать код, который зависит от глобальных переменных, внутри события ready. Таким образом, он не будет запускаться и запускать обработку, которая зависит от этих глобальных переменных, пока все не будет присутствовать и не будет готово к использованию.

Пример:

$(function() { 
    // Code in your client library that depends on a variable with global scope 
}); 

https://api.jquery.com/ready/ Смотрите подробную информацию о готовых вариантов событий JQuery в.