jquery - 如何隐藏 Galleria 的数据层？

Question

我安装了 galleria 插件并添加了一个数据层，这样您就可以看到对照片的描述。我的问题是我希望图层默认隐藏(显示:无)但是图层的div中有一个样式:

<div class="galleria-layer" style="position: absolute; z-index: 2; display: block; top: 0px; left: 0px;">Frau Maxl wollte nicht unbedingt Fotografiert sein. Ich habe ein paar stunden erlaubt aber die zwei wollte den ganzen tag nehmen.</div>

这个“display: block”就是问题所在。如果我将它设置为“display: none !important”，div 将被隐藏，但它会保持隐藏状态。我想用 jQuery 切换它。普通的“display: none”是无用的，因为它的优先级低于 div 中的样式。这个 div 也是动态生成的，因此更难更改。

有谁知道这些样式的来源吗？我在 gallerias JS 和 CSS 中没有找到任何东西。

Answer 1

我认为，Galleria js 会处理该 div 的显示和隐藏，因此如果您希望始终隐藏，请使用 !important

为什么不添加另一个带有“display : none !important”的类？这种方式覆盖原来的，让你动态地改变 jquery 与 addClass，toggleClass 和 removeClass 语句

.myHideClass{
     display:none !important;
}

那么...如何默认将类放在 div 上？

<script>

    // Load the classic theme
    Galleria.loadTheme('galleria.classic.min.js');

    // Initialize Galleria
    Galleria.run('#galleria');

    //the divs are already created so...
    $('.galleria-layer').addClass("myHideClass")

</script>