Welkom bij de Tweaking4All gemeenschapsforums!
Voor je gaat deelnemen, bekijk de Forum Regels!
Specifieke onderwerpen: Start het onderwerp met de naam van het programma of systeem.
Bijvoorbeeld “MacOS X – Jouw vraag“, of bijvoorbeeld “MS Word – Jouw Tip of Truc“.
Merk op: Omschakelen naar een andere taal zal niet werken als je een post aan het lezen bent aangezien er waarschijnlijk geen vertaling beschikbaar is.
Bij een van mijn projecten moest ik een enorme tabel inladen en die vervolgens met jQuery van opmaak voorzien en sorteren.
Uiteraard ziet dat er voor de bezoeker niet uit, dus gebruikte ik de volgende truc waar de pagina niet zichtbaar is tijdens het laden en pas zichtbaar wordt als alles klaar is.
<body class="initial-hide">
...
</body>
De CSS style:
.initial-hide {
display: none;
}
Als het document klaar is met inladen en alle benodigde handelingen, wordt alles pas zichtbaar gemaakt met deze functie (helemaal aan het einde zetten bij </body>, het wordt automatisch uitgevoerd):
<script>
$(document).ready() {
$('body').removeClass('initial-hide');
}
</script>