Wie wird nach der Anzeige wieder in den normalen Zustand zurückversetzt?

Grundsätzlich habe ich eine Tabelle. Onload, habe ich jede Zeile der Tabelle zu display:none da ich viele der javascript-Verarbeitung zu tun und ich nicht will, Benutzer zu sehen, während es getan wird. Ich habe einen timer einstellen, um Sie anzuzeigen, nachdem eine kleine Weile, mein problem ist, dass ich kann nicht die Tabelle, Zeile, um anzuzeigen, wie eine Zeile in der Tabelle. Wenn ich display:block, wäre es nur nicht eine Linie mit der Header (th). Die einzige Lösung, die ich gefunden habe, ist display: table-row von css2, aber ie 7 und darunter nicht unterstützt diese Erklärung.

Jede Lösung?

InformationsquelleAutor der Frage FurtiveFelon | 2010-08-19

  1. 50

    set display, um einen leeren string - damit wird die Zeile auf die Standard-Anzeige von Wert und so in allen Browsern funktioniert

    InformationsquelleAutor der Antwort Ray

  2. 7

    IE7 und unten verwenden display: block für Tabellen-Elemente; die anderen Browser richtig verwenden table-row, table-cell etc.

    Während Sie könnte browser-sniff, und wählen Sie verschiedene Werte anzeigen, ist es viel einfacher, um eine Zeile auszublenden indirekt. Fügen Sie eine stylesheet-Regel wie:

    .hidden { display: none; }

    und ändern Sie dann die className des row-element einschließen oder nicht einschließen, die hidden Klasse. Wenn die Klasse entfernt, die display Stil springt zurück auf den Standardwert, je nachdem, was das ist auf die aktuellen browser.

    Können Sie auch verwenden, containment-Selektoren verstecken sich mehrere Elemente in einem element haben, dann machen Sie alle sichtbar/verborgen, auf einmal, indem Sie eine Klasse. Dies ist schneller als die Aktualisierung jedes style getrennt.

    ich habe eine Menge von javascript-Verarbeitung zu tun und ich nicht will, Benutzer zu sehen, während es getan wird.

    Sie in der Regel nicht sowieso. Veränderungen in der Regel nicht dargestellt werden auf dem Bildschirm, bis die Steuerung übergeben hat, aus Ihrem code an den browser zurück.

    InformationsquelleAutor der Antwort bobince

  3. 1

    Warum nicht Sie die Tabelle in ein div, div 's anzeigen zu none, und wenn die Verarbeitung beendet ist, set mit div' s display wieder an block oder inline block oder was auch immer Sie brauchen, es...

    InformationsquelleAutor der Antwort jolt

  4. 1

    Verwenden visibility statt display für Ihren Fall.

    visibility: hidden;

    nach Last

    visibility: visible;

    erfahren Sie mehr hier

    InformationsquelleAutor der Antwort Apit John Ismail

  5. 0

    Zurückgesetzt Standardwert:

    display: unset;

    InformationsquelleAutor der Antwort Sheharyar

  6. -2

    Beim Umschalten zwischen aus-und einblenden von TRs mit toggleClass die folgenden arbeiten:

    display:none;

    und

    display: table-row;

    E. g. 

    $('#the_tr_id').toggleClass('tr_show','tr_hide');

    Wo:

    .tr_hide {
    display:none;
}

.tr_show {
    display: table-row;
}

    InformationsquelleAutor der Antwort AnotherOther

Schreibe einen Kommentar