Question

Css和js在标记内部写入时在设备上呈现，但在设备上被称为clientlib时不呈现。自定义组件包含一个简单的div和简单的css和jQuery函数。当在html标记中使用相同的css和js作为和标记时，css和js在设备上工作，但是当被称为clientlibs时，它们不在设备上呈现。 css和js在通道

的编辑和预览模式下都能正常工作

这是我引用clientlibs的方式 -

 <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，引用clientlib的方式相同，css和js在他们的应用程序通道上渲染得很好，而且他们没有使用任何自定义序列通道中的组件。

在AEM屏幕中，是否需要额外的配置才能使客户端图片能够参与其中？请让我知道，因此我被封锁了..

REPLY

AEM 6.3屏幕 - 未在序列通道中的自定义组件中的设备上引用clientlib

0 个答案: