2015-08-27 87 views
0

我想在加载实际网站之前在页面中添加一些jquery。如何在加载页面之前加载jquery

我发现了一些代码,但它似乎不工作? 有点像加载栏或gif图像显示在实际页面之前。 我不能给你的网站,因为我在本地主机上工作。

我已经使用这个帮助与我的代码 - 也许我已经把它放在错误的地方? Click here for link

的我加入到我的header.php代码,我加入到CSS样式表的第二个第一和最后一位......?

请帮忙! Thaaaank你!

+1

把你的jQuery脚本中'' – Tushar

+3

<脚本类型=“文本/ JavaScript的 “> $(窗口).load(函数(){ \t $(” 装载 “)淡出(” 慢“);。 }) – user4934444

+0

图莎尔,我已经把上述代码在我的头.php文件里面我的标签 – user4934444

回答

0

因此,当涉及到像这样的加载图像时,有很多方法可以做到这一点。您可以将图像放在前面,以便覆盖整个页面。然后这样做:

$(document).load(function() { 
    $('your-img-here').fadeOut(500); 
}); 

但是,如果用户已禁用JS无论出于何种原因,他们将在加载GIF为所有永恒盯着。

另一种选择,尽管它有使阻塞JS,是将图像定位。因此,像:

#your-img { 
    position: fixed; 
    top: 0; 
    bottom: 0; 
    left: 0; 
    right: 0; 
    display: none; 
} 

这会对图像的存在,但它不显示。然后,在中,调用一些显示图像的JS。这样,如果JS被禁用,加载GIF不会触发。

如果您想知道,在文档完全加载之前document.load不会触发。

希望这有助于!

+0

Hey Kyle, 谢谢。我明白,但我对jquery非常陌生,不知道该打什么电话...... – user4934444

+0

我们都曾经去过我的朋友。所以document.load将会是什么让它消失。此外,请确保你有一个jQuery库链接,以使其工作。为了使它看起来,使用jQuery,你只需要做一些像$('your-img')。show(); jquery选择器完全像你的css选择器。 –

相关问题