如何隐藏 Galleria 的数据层？答案

【问题标题】：How to hide Galleria's data-layer?如何隐藏 Galleria 的数据层？
【发布时间】：2013-03-11 14:16:04
【问题描述】：

我安装了 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>

这个“显示：块”是问题所在。如果我将其设置为“显示：无！重要”，则 div 将被隐藏，但它将保持隐藏状态。我想用 jQuery 切换它。正常的“显示：无”是无用的，因为它的优先级低于 div 中的样式。这个 div 也是动态生成的，因此更难更改。

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

【问题讨论】：

标签： jquery css toggle galleria data-layer

【解决方案1】：

我认为，Galleria js 处理该 div 的显示和隐藏，所以如果你想总是 hide 使用 !important

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

.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>

【讨论】：

感谢您的回答。是的，这行得通，但我如何默认将类放在 div 上。当我第一次切换它时，它应该删除类。主要问题是 div 是 Galleria 的 JS 生成的。