使用javascript的内联样式-Adobe Experience Manager（cms）的设计方法

我正在修复公司从Adobe获得的自定义组件的错误。 有关此组件的详细信息：它是一个旋转木马，带有导航器[carousel navigator]编号。因此，旋转木马完全使用javascript构建其导航器

divs的结构

所以这个bug是 他们设计了“.grotatorNav”，使其“位置绝对”，“顶部为160px”，“旋转木马”始终固定为“高度：300px，宽度：700px”。grotator对旋转木马是绝对的，并且始终处于160px的相同高度

我想通过使用“.pane”高度来调整它，因为它会根据窗格中的“textimage”进行更改[文本图像是CMS作者可以调整的另一个组件]

所以我所做的是

var heightOfPane = $('.pane').height();
$('#'+componentId+' .gRotatorNav').css('top',heightOfPane);

} 这是正确的，因为它引入了内联样式，而且将来我们希望所有样式和脚本都在它们自己的文件.css、.less、.js中，而不是在AEM的ClientLib中分布

---

我更多的是后端工程师，但作为一名AEM开发人员，我接触到了FED waters。任何帮助都将不胜感激。

看起来不错，只是jQuery代码必须在

$（document）.ready（）中运行，以确保在开始操作元素之前DOM已完全加载

也可以考虑使用jQuery的代码> OutHeHead（）/代码>而不是<代码> Head（）/<代码>，因为后者不包括填充和边框。
$(function() {
    var heightOfPane = $('.pane').outerHeight();
    $('#'+componentId+' .gRotatorNav').css('top',heightOfPane);
}); 

注意：上面的语法是
$（document.ready（）
的简写，因此您可以按原样使用它（）。
帮助但使用了（函数（$）{}（$）；使$仅在范围内可用。检查$（'idofelement'）.length>0{}的dom长度，并触发我在原型上创建的函数。$。fn.adjustHeight=函数（）{
高于代码
}