36

hide css クラスを使用して、ページの読み込み時にボタンを非表示にしています。

問題は、以前 jQuery で隠していたボタンを表示しようとすると、ボタンが小さくなることです。

（jQueryを使用してボタンを非表示にしてから表示すると、同じことは起こりません）

助けてくれてありがとう。

編集: hide クラスはこれだけです:

.hide {
    display: none;
}

私のボタン：

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

ボタンを表示するために使用するJavascript：

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

4 に答える 4

41

dfsqが言ったようremoveClass("hide")に、代わりに使用する必要がありましたtoggle()

于 2012-04-28T09:23:12.030 に答える
17

要素にブートストラップの「非表示」クラスがあり、 などのスライド効果で表示したい.slideDown()場合は、次のようにブートストラップをごまかすことができます:

$('#hiddenElement').hide().removeClass('hide').slideDown('fast')
于 2014-02-14T10:15:03.897 に答える
7

ボタンを表示するだけなら、 dfsqに同意します。ただし、ボタンの非表示と表示を切り替えたい場合は、次の方法を使用する方が簡単です。

$("#buttonEditComment").toggleClass("hide");
于 2014-11-27T20:37:13.367 に答える
3

これは、これらの状況に対して私が行うことです：

クラス '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()

また、jQuery IU .toggle() メソッドでも動作する Twitter Bootstrap 'display-hide' のクラスを使用することもできます。

于 2016-04-20T19:11:19.863 に答える