Question

我有一个运行的javascript方法，它根据一些值来隐藏屏幕的某些部分，这些值来自我的MVC视图模型中的属性。

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

当屏幕加载时，所有控件都可见约半秒钟，然后控件隐藏，屏幕就绪。

反正有没有阻止这种情况发生？即在javascript完成之前不显示屏幕？

Answer 1

你用visibility: hidden;

隐藏身体

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

然后在TransferAmountDisplayToggle() JavaScript函数的底部添加：

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

修改display而不是visibility是一种选择，但我更喜欢使用visibility，因为有时会有JavaScript代码需要检查元素的宽度/高度并使用{{1可能搞砸了。