您的位置：首页 > Web前端 > JQuery

jQuery学习（五）jQuery Callback 函数

2012-08-20 11:10 344 查看

Callback 函数在当前动画 100% 完成之后执行。

5.1jQuery 动画的问题

许多jQuery函数涉及动画。这些函数也许会将 speed或
duration作为可选参数。

例子：$("p").hide("slow")
speed 或 duration 参数可以设置许多不同的值，比如 "slow","fast", "normal" 或毫秒。
<html>
<scripttype="text/javascript"src="../js/jquery-1.6.2.js"></script>

<script type="text/javascript">

$(document).ready(function(){

$("button").click(function(){

$("p#hide").hide(1000);

}

);

$("button").click(function(){

$("p#hide").show(1000);

}

);

});

</script>

</head>

<body >

<p>

这里不会被隐藏！

</p>

<p id="hide">

这里将会被隐藏！

</p>

<button
name="hide"
id="hide" value="hide"type="button">隐藏</button>

</body>

</html>

. 由于 JavaScript 语句（指令）是逐一执行的 - 按照次序，动画之后的语句可能会产生错误或页面冲突，因为动画还没有完成。
为了避免这个情况，您可以以参数的形式添加 Callback 函数。

<html>

<scripttype="text/javascript">

$(document).ready(function(){

$("button").click(function(){

$("p#hide").hide(1000);

}

);

$("button").click(function(){

$("p#hide").show(1000,function(){

alert("flashis show completed!");

});

}

);

});

</script>

</head>

<body >

<p>

这里不会被隐藏！

</p>

<p id="hide">

这里将会被隐藏！

</p>

<button
name="hide"
id="hide" value="hide"type="button">隐藏</button>

</body>

</html>

结论：如果您希望在一个涉及动画的函数之后来执行语句，请使用 callback 函数。
（注：以上内容是通过http://www.w3school.com.cn学习，很多内容粘帖下来是为了方便学习）

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航