AEM 组件未在预览模式下显示

Question

我已经为 AEM 开发了一些组件，但我 运行 遇到了问题。当我附加 wcmmode=disabled 标志时，我创建的组件之一没有显示。它在编辑模式下工作得很好，但是一旦我通过标志，组件和内容就消失了，这是第一次发生这种情况。

如果有帮助，我创建的组件是 AEM 的列控件组件的扩展，它会自动向其添加子项。

URL 编辑模式下的示例： http://localhost:4502/cf#/content/location/file.html

URL WCMMODE 标志设置为禁用的示例： http://localhost:4502/content/location/url.html?wcmmode=disabled

Answer 1

我使用 Column Control（视觉版本）作为指南，发现以下代码是导致问题的原因：

if (typeof wcmmode != "undefined" && wcmmode.isEdit())

感谢您帮我调试这个问题。

Answer 2

我想这是 CSS 的问题。你能检查元素 &check 吗？有时 "float:left,right" 会导致这个问题。

Answer 3

$('#ContentWrapper').resize()  / $(document).resize();

在您的 JS 文件中尝试此代码。文档准备好后，调整大小方法将更新组件不可见部分。