Jquery未执行，在JSFIDLE上运行良好

我正在尝试让这个淡入淡出效果发挥作用，将一个div换成另一个div。我似乎无法让它工作。这里很好用

任何帮助都将不胜感激

非常感谢

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.0/jquery-ui.min.js"></script>

<script type="text/javascript">

var fadeinBox = $("#box2");
var fadeoutBox = $("#box1");

function fade() {
fadeinBox.stop(true, true).fadeIn(1000);
fadeoutBox.stop(true, true).fadeOut(1000, function() {
    var temp = fadeinBox;
    fadeinBox = fadeoutBox;
    fadeoutBox = temp;
    setTimeout(fade, 1000);
});
}

fade();

</script>

var fadeinBox=$（“#框2”）；
var fadeoutBox=$（“#框1”）；
函数fade（）{
fadeinBox.stop（真，真）。fadeIn（1000）；
fadeoutBox.stop（真，真）.fadeOut（1000，函数（）{
var temp=fadeinBox；
fadeinBox=fadeoutBox；
淡出盒=温度；
设置超时（衰减，1000）；
});
}
褪色（）；

以下是样式

<style>

.box {
position: absolute;
height: 100px;
width: 100px;
}

#wrapper {position: relative;}

#box1 {background-color: #F00;}
#box2 {background-color: #00F;  display: none;}

</style>

.盒子{
位置：绝对位置；
高度：100px；
宽度：100px；
}
#包装器{位置：相对；}
#框1{背景色：#F00；}
#框2{背景色：#00F；显示：无；}

这是HTML文件

<div id="wrapper">

<div id="box1" class="box">This box is our main div</div>


<div id="box2" class="box">This box fades in as other div fades out</div>

</div>

这个盒子是我们的主要部分
当其他div淡出时，此框淡入

将jQuery包装在中，或将JS放在文档末尾。您试图在尚不存在的元素上执行它。jsFiddle默认在window.load调用中添加代码（请参阅jsFiddle左上角的选项）

例：

---

将jQuery包装在中，或将JS放在文档末尾。您试图在尚不存在的元素上执行它。jsFiddle默认在window.load调用中添加代码（请参阅jsFiddle左上角的选项）

例：

---

将jQuery包装在中，或将JS放在文档末尾。您试图在尚不存在的元素上执行它。jsFiddle默认在window.load调用中添加代码（请参阅jsFiddle左上角的选项）

例：

---

将jQuery包装在中，或将JS放在文档末尾。您试图在尚不存在的元素上执行它。jsFiddle默认在window.load调用中添加代码（请参阅jsFiddle左上角的选项）

例：

---

js部件放在哪里？在html之后还是之前？js部件放在哪里？在html之后还是之前？js部件放在哪里？在html之后还是之前？js部件放在哪里？在html之后还是之前？您已经在页面中包含了jQuery UI，而不是jQuery。将URL更改为

ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Ahh。知道了。非常感谢你们两位的帮助！您已经在页面中包含了jQuery UI，而不是jQuery。将URL更改为

ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Ahh。知道了。非常感谢你们两位的帮助！您已经在页面中包含了jQuery UI，而不是jQuery。将URL更改为

ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Ahh。知道了。非常感谢你们两位的帮助！您已经在页面中包含了jQuery UI，而不是jQuery。将URL更改为

ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js

Ahh。知道了。非常感谢你们两位的帮助！

$(window).load(function(){
    var fadeinBox = $("#box2");
    var fadeoutBox = $("#box1");
    function fade() {
        fadeinBox.stop(true, true).fadeIn(2000);
        fadeoutBox.stop(true, true).fadeOut(2000, function() {
            var temp = fadeinBox;
            fadeinBox = fadeoutBox;
            fadeoutBox = temp;
            setTimeout(fade, 1000);
        });
    }
    fade();
});