web-dev-qa-db-ja.com

jqueryで非表示のコントロールを表示するにはどうすればいいですか（非表示と表示は機能しません）

JQueryを使用してコントロールの可視性を変更するにはどうすればよいですか？私はその可視プロパティをfalseにするコントロールを持っています...（cssではありません）

何も起こらなかったためにshow()関数を使用したとき、hide()およびshow()メソッドは可視プロパティではなく、コントロールのcssセット用であるようです...

ご回答ありがとうございます。

宜しくお願いします

asp.netjquerycontrolsvisibilityvisual-studio-2008-sp1
15
SilverLight

JQueryでこれを行うことはできません。asp.netの_visible="false"_は、コントロールがページにレンダリングされないことを意味します。コントロールをクライアントに移動する場合は、_style="display: none;"_を実行する必要があります。したがって、実際にはHTMLに含まれます。

visible属性を削除してstyle属性を追加すると、次のようにjQueryを使用して表示できます。

_$("#elementID").show();
_

古い回答（ patrick's catchの前）

visibilityを変更するには、次のように .css() を使用する必要があります。

_$("#elem").css('visibility', 'visible');
_

ただし、要素をページスペースに配置する必要がない限り、CSSで_display: none;_の代わりに_visibility: hidden;_を使用してから、次のようにします。

_$("#elem").show();
_

.show() および .hide() 関数は、ほとんどのように、displayの代わりにvisibilityを処理します。 jQuery関数の:)

34
Nick Craver

.show（）および.hide（）はcss表示ルールを変更します。あなたが欲しいと思う：

$(selector).css('visibility', 'hidden'); // Hide element
$(selector).css('visibility', 'visible'); // Show element
7
Harold1983-

これに対処するために使用するコードをいくつか示します。

まず、要素を表示します。通常、これは.show（）関数を介して表示タイプを「ブロック」に設定し、次にCSSルールを「可視」に設定します。

jQuery( '.element' ).show().css( 'visibility', 'visible' );

または、要素を非表示にしているクラスが、Twitter Bootstrapなどで非表示と呼ばれると仮定すると、toggleClass（）が役立ちます。

jQuery( '.element' ).toggleClass( 'hidden' );

最後に、機能を連鎖したい場合、おそらくフェード効果のある空想で、次のようにできます：

jQuery( '.element' ).css( 'visibility', 'visible' ).fadeIn( 5000 );
1
Andy