/ / JavaScript działa po załadowaniu strony - javascript, jquery, asp.net-mvc

JavaScript uruchamia się po załadowaniu strony - javascript, jquery, asp.net-mvc

Mam uruchomioną metodę javascript, która ukrywa pewne części ekranu, w oparciu o niektóre wartości, które pochodzą z właściwości w moim modelu widoku MVC.

<body onload="TransferAmountDisplayToggle(@Model.EntityEventTypeId)">

Po załadowaniu ekranu wszystkie elementy sterujące są widoczne przez około pół sekundy, a następnie ukrywają się, a ekran jest gotowy.

Czy jest coś, co mogłoby temu zapobiec? tzn. nie wyświetlać ekranu, dopóki javascript nie zostanie ukończony?

Odpowiedzi:

2 dla odpowiedzi № 1

Ukrywasz ciało za pomocą visibility: hidden;

<body style="visibility:hidden;" onload="TransferAmountDisplayToggle(@Model.EntityEventTypeId)">

Następnie na dole TransferAmountDisplayToggle() Funkcja JavaScript, dodaj:

$("body").css("visibility", "visible");

Modyfikowanie display zamiast visibility jest opcją, ale wolę używać visibility ponieważ czasami jest kod JavaScript, który musi sprawdzić szerokość / wysokość elementów i używać display: none; mogę to zepsuć.