次のようにレンダリングされるページの一部として div があります。
<div id="productdiv" style="visibility:hidden;">
特定のイベントで、この div が表示されるようにします。
以下は機能しません。
$("#productdiv").show();
何が機能しますか?
次のようにレンダリングされるページの一部として div があります。
<div id="productdiv" style="visibility:hidden;">
特定のイベントで、この div が表示されるようにします。
以下は機能しません。
$("#productdiv").show();
何が機能しますか?
display:none;
の代わりに使用visibility:hidden;
例
これを置き換えます:
<div id="productdiv" style="visibility:hidden;">
と
<div id="productdiv" style="display:none;">
あなたはこのようなことを試してみるべきです
$("#productdiv").css("visibility","visible");
または、これを使用して、一致したすべての要素に複数のCSSプロパティを設定します。
$("#productdiv").css({"visibility":"visible","font-size":"50px"});
$('div#productdiv:hidden').show();
$('.asdf').click(function(){
$("#productDiv").css('visibility','visible');
});
show メソッドは、表示プロパティではなく、表示プロパティに対して機能します。使用、.css('visibility', 'visible')
...
show
関数はcssdisplay
属性を設定します。$("#productdiv").css("visibility", "visible");
代わりに使用してください。