引导程序阻止 jquery 函数

bootstrap blocking jquery function

本文关键字：函数 jquery 引导程序      更新时间：2023-09-26

>我需要使用 jQuery 的 slideDown 函数，它要求将要动画的内容放在类 ".hide "下，

对于 .hide，我在我的自定义 CSS 中有这个： 

.hide {
    display: none;
}

它与引导 css 冲突，因为它包含： 

.hide {
    display: none !important;
}

因此，当我链接这两个样式表时，slideDown 不起作用，然后我在两个文件中尝试了 .hide 的不同变体，最终从我的自定义 CSS 文件中删除 .hide 完全有效，

所以我的问题是，当 Bootstrap".hide"和自定义 css".hide"中定义的属性完全相同时，为什么自定义 CSS 中的 .hide 会影响结果，除了具有"！important"此外（我想，如果我错了，请纠正）暗示自定义选择器将被优先考虑？

我正在尝试使用 Codepen 共享我的代码的工作版本，但我不知道为什么我的代码仍然无法在 Codepen 上运行：http://codepen.io/anon/pen/RaGJwE

!important总是很强。如果您之后使用display: block !important;，则可以绕过它。

最简单的方法是不使用引导程序针对的"隐藏"或"隐藏"类。只需将类更改为"hideit"或其他类似此更新的小提琴：http://codepen.io/anon/pen/MyjXOv

相关文章：