我安装了 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 中没有找到任何东西。
最佳答案
我认为,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>
关于jquery - 如何隐藏 Galleria 的数据层?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/15340837/