Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/71.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Jquery Can';t get.delay()无法工作_Jquery_Delay - Fatal编程技术网

Jquery Can';t get.delay()无法工作

Jquery Can';t get.delay()无法工作,jquery,delay,Jquery,Delay,我几乎没有使用jQuery的经验,所以现在开始。。。我已经做了很多研究,但我就是不知道我做错了什么 我想让两个DIV相继淡入,但在第一个和第二个DIV之间有一个延迟。这就是我到目前为止所做的: <script type="text/javascript"> $(document).ready(function(){ $("div.1").hide(); $("div.2").hide(); $("div.1").fadeIn(

我几乎没有使用jQuery的经验,所以现在开始。。。我已经做了很多研究,但我就是不知道我做错了什么

我想让两个DIV相继淡入,但在第一个和第二个DIV之间有一个延迟。这就是我到目前为止所做的:

   <script type="text/javascript">

$(document).ready(function(){

        $("div.1").hide();
        $("div.2").hide();
        $("div.1").fadeIn(400);
        $("div.2").delay(800).fadeIn(400);
});

</script>
<div class="1">
This is DIV1</div>
<div class="2">
This is DIV2</div>

$(文档).ready(函数(){
$(“div.1”).hide();
$(“div.2”).hide();
美元(第一分部).法代因(400);;
美元(第二类).延迟(800美元).法代因(400美元);;
});
这是第一组
这是第二组

我真的希望你们能帮我!提前感谢:)

您需要使用回调函数,以便:

("div.1").fadeIn(400, function() {$("div.2").delay(800).fadeIn(400);});
这样,
div.2
的淡入将在
div.1
淡入完成后触发

立即

("div.1").fadeIn(400, function() {$("div.2").fadeIn(400);});

这是在jQuery1.4中添加的,因此如果您正在加载jQuery1.3,正如您在注释中所指出的,那么这就是您的问题所在。在1.4或更高版本中,您的代码应该可以正常工作。

您的代码可以工作,您是否已将jQuery添加到页面中?是的,我有!谢谢你的帮助,我已经把jQuery 1.3添加到我的网站上了,真是太蠢了。褪色总是要花800毫秒吗?在不同的浏览器和机器中发生的事情,回调是更可靠的方法,代表@DiH“你必须记住,类名不应该以数字开头。虽然有些浏览器比其他浏览器更宽容,但这样做不是一个好的做法。将类的名称更改为div1和div2,它应该可以正常工作。”:)实际上你不必,调用
delay()
可以确保第一个动画在第二个动画开始时完成。是的,但我认为他希望在第一个和第二个淡入淡出之间有一个间隔?@Liam,他已经有了。第一个动画需要400毫秒,第二个动画延迟800毫秒,然后再需要400毫秒。第一次结束和第二次开始之间应该有大约400毫秒的间隔。