Экраны AEM 6.3 - клиентские библиотеки не получают ссылки на устройстве в пользовательском компоненте в канале последовательности
Css и js отображаются на устройстве, когда они записаны внутри разметки, но не отображаются на устройстве, когда они называются клиентскими библиотеками. Пользовательский компонент содержит простой div и простую функцию css и jQuery. Когда те же css и js используются в разметке html, что и тег, и css и js работают на устройстве, но когда их называют клиентскими библиотеками, они не отображаются на устройстве. CSS и JS отлично работают как в режиме редактирования, так и в режиме предварительного просмотра канала.
Это способ, которым я имею в виду клиентские библиотеки -
<sly data-sly-use.clientLib="/libs/granite/sightly/templates/clientlib.html" data-sly-call="${clientLib.all @ categories='screen.test'}" data-sly-unwrap/>
<div class ="testclass">This is test text.</div>
Канал отображается с простым текстом без применения CSS и JS. Вот как это работает, когда CSS и JS включены в разметку -
<div class ="testclass">This is a test text</div>
$(document).ready(function(){
$(".testclass").animate({left: '371px'});
});
<style>
.testclass{
background:#98bf21;
height:100px;
width:100px;
position:absolute;
}
</style>
Я даже проверил предоставленную демонстрацию экрана we.retail, она также ссылается на css и js таким же визуальным способом, как ссылки на клиентские библиотеки, css и js прекрасно отрисовываются на своем канале приложения, и они не использовали никаких пользовательских компонентов в последовательный канал.
Нужна ли какая-либо дополнительная конфигурация, чтобы сделать клиентские библиотеки референтными на экране в AEM? Пожалуйста, дайте мне знать, я заблокирован из-за этого..
ОТВЕТИТЬ