Twitter Bootstrap隐藏了css类和jQuery

Question

我正在使用hide css类隐藏页面加载时的按钮。

问题在于，当我尝试显示按钮时，我已经使用jQuery隐藏了按钮，按钮更小。

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

感谢您的帮助。

编辑：隐藏类就是这样：

.hide {
    display: none;
}

我的按钮：

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

我用javascript来显示按钮：

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

Answer 1

正如dfsq所说，我只需使用removeClass("hide")代替toggle()

Answer 2

如果一个元素有bootstrap的“hide”类，并且你想用.slideDown()之类的滑动效果显示它，你可以欺骗bootstrap，如：

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

Answer 3

我同意dfsq如果您要做的就是显示按钮。如果您想在隐藏和显示按钮之间切换，则更容易使用：

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

Answer 4

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

我没有用课程＆＃39;隐藏＆＃39;来启动html元素，但是我把style =＆＃34; display：none＆＃34 ;.

这是因为bootstrap jquery修改了style属性而不是要隐藏/取消隐藏的类。

示例：

<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＆＃39; display-hide＆＃39;这个类也适用于jQuery IU .toggle（）方法。