1

我安装了 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 中没有找到任何东西。

4

1 回答 1

0

我认为，Galleria js 处理该 div 的显示和隐藏，所以如果你想总是隐藏可以使用 !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>
于 2013-03-11T14:30:25.473 回答