değiştirme Tablo satır ekran özelliği

Question

Ben gizli bir satır içeren bir tabloyla bir html sayfası vardır:

<table> 
    <tr id="hiddenTr" style="display:none"> 
    ... 
    </tr> 
</table> 

Jquery kullanarak istemci tarafında görünür hale getirmek gerekir. Bu

$('#hiddenTr').show(); 

ve ikisi de uygulamalar için beni işe yaramaz bu

$('#hiddenTr').css('display', 'table-row'); 

çalıştı. Furthemore ikincisi crossbrowser değil.

UPD. Üzgünüm çocuklar. Bu benim hatamdı: tr element kimliğini yanlış yazdım. Bu garip $ ('hiddenTr') null döndürmedi ...

Answer 1

İlki çalışmalıdır. $ (Document) .ready (işlev() {}); ?

$(document).ready(function(){ 
    $('#hiddenTr').show(); 
}); 

Answer 2

Sen display:auto ayarlamayı deneyebilirsiniz, ama dürüst olmak gerekirse, elle tablo satır/hücreleri için ekran özelliğini ayarlayarak sorun başka bir şey gelmedi.

Genelde bulduğum iş, display:none numaralı "gizli" adlı bir CSS sınıfı oluşturuyor. Show() 'dan ziyade, o sınıfı kaldırıyorum.

Answer 3

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

Ayrıca, en az bir   böylece satır tarayıcı istemci tarafından çokmezler, içinde bir şey ile bir <TD></TD> koymak gerekir. Diffrent müşteriler ... diffrently davranmaya

Hep "" (boş dize) gizli bir tablo satırını göstermek için style.display özelliğini ayarlayın

Answer 4

:

var row = document,getElementById("row_id"); 
row.style.display = ""; // shows the row 

tekrar gizlemek için:

row.style.display = "none"; // hides the row 

jQuery, bu olacaktır:

$("#row_id").css("display", ""); // show the row 

veya

$("#row_id").css("display", "none"); // hides the row 

IE, 'table-row' değerinin görüntülenmesini istemiyor. Ve 'blok' doğru değil ve bazen diğer tarayıcılarda ekranı bozuyor gibi görünüyor.