![](/img/trans.png)
[英]Show spinner (react-native-loading-spinner-overlay) between navigations
[英]Show loading spinner/overlay BEFORE page elements appear
我想在任何页面元素加载之前显示一个加载微调器,然后在加载叠加层仍处于打开状态时加载页面元素。 这可能吗? 我正在使用此代码,但是在微调器显示之前,页面仍会加载元素。
$(document).ready(function () {
setTimeout(function () {
$.loader.close();
// Do something after 5 seconds
}, 3000);
});
Add the below div right below the opening <body> tag.
<div class="loader"></div>
Add some .css
.loader {
position: fixed;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 9999;
background: url('images/page-loader.gif') 50% 50% no-repeat rgb(249,249,249);
}
And jquery in header
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript">
$(window).load(function() {
$(".loader").fadeOut("slow");
})
</script>
最后,照顾一个加载的gif图像。 Google已满:)
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.