Javascript 当幻灯片处于活动状态时，将css应用于祖父母div

我的桌子上有一个旋转木马。当第三个转盘出现时，转盘按钮由于摄像空间的原因而向下移动。我在这里的目标是保持这个div与其他4个div的高度相同。这意味着当孙子div

的

（索引2）处于活动状态时，我会将正确的css应用于

（例如底部：60px）。由于转盘是jQuery cycle 2，当span处于活动状态时，它使类

cycle pager处于活动状态

我试过使用domcontentloaded。i、 e

document.addEventListener("DOMContentLoaded", function() {
var span = document.querySelector("#homepage-rotator > div.banner.cycle-slide.cycle-slide-active > div > div.banner-content-area > div.rotator-controls > div.rotator-pagination").children[2];

if (jQuery(span).hasClass("cycle-pager-active")){
var grandPDiv = document.querySelector("div.rotator-controls");
grandPDiv.style.bottom = "-60px";
}
});

这是行不通的。但如果我在控制台中执行此操作，并使用

jQuery（span）.hasClass（“cycle pager active”）

返回

true

。 如何仅在span元素处于活动状态时才将css（应用于其祖辈元素？

试试这个

.banner-content-area {
    min-height: 440px;
}

如果不工作，则添加最小高度：440px！重要的

这非常有效：

.banner-content-area {
    min-height: 440px;
}

---

您可以在Cycle2插件的回调函数中编写此代码。您可以使用一些事件