时间戳

首页 > 解决方案 > 如何在引导程序 3 中按 id 显示 class="hide" 类元素？

twitter-bootstrap - 如何在引导程序 3 中按 id 显示 class="hide" 类元素？

问题描述

我已经在我的 Web 应用程序中从引导程序 2 迁移到引导程序 3，“隐藏”类应用于元素，并且想用以前的引导程序类覆盖隐藏类。甚至 jQuery show() 方法也无法显示“隐藏”类。

如何使用 jQuery 的 show() 方法显示“隐藏”类？

<input type="button" class="btn btn-info btn-xs" id="test" value="Test"/>

$("#test").show(); // Not work
$(".hide").show(); // Not work

我希望 jQuery 的 show() 方法适用于引导程序 3 的“隐藏”类。

标签： twitter-bootstrapcsstwitter-bootstrap-3

解决方案

根据bootstrap docs，从 3.0.1 版本开始不推荐使用 hide。因此，您最好的选择是将类隐藏更改为隐藏。如果您仍想使用隐藏类，我认为@Akshay 的建议应该可行。

编辑： 如果由于某种原因无法删除隐藏类，则可以在要显示时向具有隐藏类的元素添加一个额外的类，例如取消隐藏。在 css 文件中，您可以添加代码，以便在隐藏和取消隐藏时显示元素。

当你想隐藏元素时，你可以使用 removeClass() 删除类。

$('#test').addClass('unhide'); // when you want to show the element.
$('#test').removeClass('unhide'); // when you want to hide the element.

在 css 中：

.hide.unhide { display: block !important; } /* overriding the hide class */

推荐阅读