2013-07-25 124 views
0

我有一个带有页面加载隐藏可见性的标签。我怎样才能使它可见使用jQuery使用jquery更改标签标签的可见性

<label for="error" style="margin:100px auto 60px auto;color:Red; line-height:40px;font-size:medium;visibility:hidden">error occured</label> 

我可以隐藏它。

$('label[for="error"]').hide(); 

这不起作用

$('label[for="error"]').show(); 
+2

只是猜测,但尝试显示:无;而不是可见性:隐藏; – Rake36

+0

当你说隐藏的知名度,你的意思是'display:none'? – Oriol

+0

这或者它有可能显示,但隐藏在别的东西后面。 – runspired

回答

4

如下更改代码:

<label for="error" style="margin:100px auto 60px auto;color:Red; line-height:40px;font-size:medium;display:none">error occured</label> 

我已经更换了你visibility:hiddendisplay:none

然后您可以使用jQuery hide()show()函数。

4

设置CSS属性visibilityvisible

$('label[for="error"]').css('visibility', 'visible'); 
0

Visibility:hiddendisplay:none两者是不同的东西:

您可以检查它的区别Play

您与

visibility:hidden隐藏你的元素

尝试display:none代替visibility: hidden

0

你的cs s具有“visibility:hidden”,它负责隐藏标签,而不是jquery方法。使用“display:none”代替

0

尝试使用display:none而不是visibility:hidden 我为您制作了jsFiddle。

label[for="error"]{ 
    margin:100px auto 60px auto; 
    color:Red; 
    line-height:40px; 
    font-size:medium; 
    display:none;  
} 

http://jsfiddle.net/Pghy3/