jQuery淡入淡出页面过渡

Question

我在这里发布一个问题是为了获得一些帮助。我正在尝试在我的一页水平网站上放置一个 Jquery 淡出/淡入页面转换。为此，我使用以下脚本：

$(document).ready(function() {

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

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

我用这个脚本制作了一个小提琴，它可以工作。然后，我在我的计算机本地页面上添加了这个脚本，在那里，我的一页滑块上的所有动画效果都不起作用，我只有淡出/淡入效果。如果我删除此脚本，所有动画效果都会返工。所以，我在一个新的小提琴（click here to see）上复制并粘贴了我本地页面的整个代码。在这个小提琴上一切正常。 我有点卡住了，因为我不明白为什么它在小提琴上而不是在我的本地计算机页面上工作。在控制台上，我没有任何错误。 您对如何解决我的问题有任何建议或想法吗？我不明白我做错了什么。

Answer 1

包括

<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>

在你的 head 标签中。

即使没有这些，我希望你也可以在谷歌浏览器中工作。

你甚至可以将那些 *.js 文件保存在本地系统中并链接它