twitter-bootstrap - 如何在 bootstrap 3 中通过 id 显示类 ="hide"类元素？

我已经在我的网络应用程序中从 bootstrap 2 迁移到 bootstrap 3， "hide" 类应用于元素，并希望用以前的临时 Bootstrap 类覆盖 hide 类。甚至 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() 方法适用于 Bootstrap 3 的“隐藏”类。

最佳答案

根据 bootstrap docs , hide 从版本 3.0.1 开始弃用。因此，您最好的选择是将类 hide 更改为 hidden。如果您仍想使用隐藏类，我认为@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 */

关于twitter-bootstrap - 如何在 bootstrap 3 中通过 id 显示类 ="hide"类元素？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/53932274/