代码之家 › 专栏 › 技术社区 › kalvn

隐藏jQuery移动页面第一次加载直到完全加载

blink hide load mobile jquery

4

kalvn · 技术社区 · 13 年前

在我的jQuery Mobile网站主页的第一次加载时,在jQuery Mobile处理之前,它看起来像是1秒,然后页面在1秒内变为空白,然后,页面的最终渲染完成,让最终页面出现。它给出了一种我想避免的眨眼效果,特别是因为例如,jQuery Mobile需要解析的所有元素在第一秒都是可见的(例如,弹出窗口没有隐藏,等等)。

我试过其他基于jQuery Mobile的网站,它们似乎没有这个问题。有配置吗? 如果不是这样,我想隐藏页面,直到它完全加载。

提前谢谢。

2 回复 | 直到 13 年前

1

4

salbahra 13 年前

您可以在主体上使用display none,然后在第一个页面上为pageinit绑定一个事件侦听器。

例子:

HTML格式:

<body style="display:none">
<div id="#start" data-role="page"></div>
</body>

JS:

$("#start").one("pageinit",function(){
    $("body").show();
});

2

0

kalvn 13 年前

我就是这么做的,但这对禁用JS的人来说并不好。所以我也这样做了,但在打开body标记之后,我通过javascript隐藏了body。

<body>
    <script type="text/javascript">
document.body.style.display = 'none';
</script>
...
</body>