我有一个 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"});
show 方法适用于 display 属性,而不适用于 visibility 属性。使用,.css('visibility', 'visible')
...
该show
函数设置display
css 属性。改为使用$("#productdiv").css("visibility", "visible");
。
$('div#productdiv:hidden').show();
$('.asdf').click(function(){
$("#productDiv").css('visibility','visible');
});