Twitter Bootstrap隐藏CSS类和jQuery

我使用隐藏CSS类来隐藏页面加载button。

问题是，当我试图显示button我以前隐藏与jQuery的button更小。

（同样的事情不会发生，当我使用jQuery隐藏，然后显示button）

感谢您的帮助。

编辑：隐藏类是这样的：

.hide { display: none; }

我的button：

 <a class="btn hide" id="buttonEditComment" href="javascript:void()"><i class="icon-comment"></i> Edit comment</a>

我用JavaScript来显示button：

 $("#buttonEditComment").toggle();

正如dfsq所说，我只需要使用removeClass("hide")而不是toggle()

如果一个元素具有引导程序的“隐藏”类，并且想用滑动效果（如.slideDown()显示它，则可以像下面这样欺骗引导程序：

 $('#hiddenElement').hide().removeClass('hide').slideDown('fast')

我同意dfsq，如果你想要做的就是显示button。如果您想在隐藏和显示button之间进行切换，则使用起来会更简单：

 $("#buttonEditComment").toggleClass("hide");

这就是我为这些情况所做的事情：

我没有启动class'hide'的html元素，但是我把style =“display：none”。

这是因为引导jquery修改样式属性，而不是类隐藏/取消隐藏。

例：

 <button type="button" id="btn_cancel" class="btn default" style="display: none">Cancel</button>

要么

 <button type="button" id="btn_cancel" class="btn default display-hide">Cancel</button>

稍后，您可以运行以下所有可能的工作：

 $('#btn_cancel').toggle() // toggle between hide/unhide $('#btn_cancel').hide() $('#btn_cancel').show()

您也可以使用Twitter Bootstrap的“显示 – 隐藏”类，它也适用于jQuery IU .toggle（）方法。