2014-09-26 153 views
5

我有一個div類,其類名爲myClass,id爲myId。該div有以下風格。更改可見性屬性

.myClass { 
    height: 74%; 
    margin-top: -1px; 
    position: relative; 
    overflow-y: auto; 
    width: 100%; 
    overflow-x: hidden; 
    visibility: hidden; 
} 

當我試圖改變可視性隱藏可見的JQuery這樣

$('#myId').css({ 'visibility': 'visible' }); 

我使用的ID而不是類,因爲同一類應用到其他的元素了。我的div仍然不可見。我究竟做錯了什麼?

+0

http://jsfiddle.net/rj71cvLe/ – 2014-09-26 07:31:28

+4

沒有什麼明顯的錯誤。嘗試提供一個完整的,簡化的測試用例。 – Quentin 2014-09-26 07:31:40

+0

你的代碼是正確的,它工作正常,你應該提供更多的信息,讓我們瞭解這個問題的根源。 http://codepen.io/toroncino/pen/nughx – 2014-09-26 08:46:38

回答

0

你爲什麼不嘗試:

$('#myId').css('display', 'block'); 

或嘗試:

<style> 
.visible { display:block !important;} 
</style> 
$('#myId').addClass('visible'); 
0

更換你visibility: hidden;display: none;

然後更新的jQuery

$('#myId').css('display','block'); 
0

是喲ü可以通過以下方式同時顯示屬性影響到總的標籤,這意味着如果你申請display:none;它會刪除整個標籤,但visibility:hidden隱藏內容做到這一點

$('#myId').css('display','block'); 

$('#myId').css('display','inline'); 

$('#myId').show(); 
0
在CSS

visibility屬性影響到標籤內內容在該標籤內。

因爲:visible是一個jQuery選擇器,您可以使用不透明度而不是可見性來隱藏標記內的內容。

$('#myId').css('opacity','1'); 
$('#myId').css('opacity','0'); 

如果你需要隱藏整個標籤,更好地顯示無

0

只是去簡單的去,有jQuery中可用於隱藏和顯示了DOM元素的API。嘗試如下

$('#myId').hide(); // for hiding the element 

    $('#myId').show(); // to show up the element