Jquery淡入页面转换

时间:2014-05-05 16:12:15

标签: jquery html transition fadein fadeout

我在这里发帖提问是为了得到一些帮助。我试图在我的单页横向网站上放置一个Jquery淡出/淡入淡出页面过渡。为此,我使用以下脚本:

$(document).ready(function() {

    $(".panel").fadeIn(1000);

    $("a").click(function(event){
        event.preventDefault();
        linkLocation = this.href;
        $(".panel").fadeOut(500); 
        $(".panel").fadeIn(1000);
    });    
});

我用这个脚本构建了一个小提琴并且它有效。然后,我在我的计算机本地页面上添加了这个脚本,那里,我的单页滑块上的所有动画效果都不起作用,我只有fadeout / fadein可以工作。如果我删除此脚本,则所有动画效果都会返工。所以,我在一个新的小提琴(click here to see)上复制并浏览了我本地页面的整个代码。所有的工作都在这个小提琴上。 我有点卡住了,因为我不明白为什么它适用于小提琴,而不是我本地的电脑页面。在控制台上,我没有任何错误。 您有任何建议或想法如何解决我的问题?我不明白我做错了什么。

1 个答案:

答案 0 :(得分:0)

包括

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script>

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-1.11.0.min.js"></script>
在你的头标记中

即使没有这些,你也可以使用google chrome。

即使您可以在本地系统中保存这些* .js文件并将其链接