Question

我安装了galleria插件并添加了数据层，以便您可以看到照片的说明。我的问题是我希望默认隐藏图层（display：none），但图层的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：none！important”，则div被隐藏但它将保持隐藏状态。我想用jQuery切换它。正常的“display：none”是无用的，因为它的优先级低于div中的样式。这个div也是动态生成的，因此更改它更加困难。

有没有人知道这些风格来自哪里？我还没有在gallerias JS和CSS中找到任何东西。

Answer 1

我认为，Galleria js处理节目并隐藏该节目，所以如果你想永远隐藏作品！重要

为什么不添加另一个类“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>

如何隐藏Galleria的数据层？

1 个答案: