要做一个功能，把一张图片展示一下，fadeIn、fadeOut
展示完成之后继续显示其他东西，fadeOut设置了回调函数，就是在淡出之后继续显示其他的
做好之后发现图片还没有消失，回调函数里面的命令就已经执行了
写个demo测试一下
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<style type="text/css">
#d { position : absolute; left : 100px; top : 100px;
width : 50px; height : 50px; background-color : #EEE;
border : 1px solid #000; }
</style>
<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="grayscale.js"></script>
<script type="text/javascript">
$(function() {
$('#btn').click(function() {
$('#d').animate({
height : '+=200px',
width : '+=200px'
}, 5000, cal());
});
var cal = function() {
alert('sss');
};
});
</script>
</head>
<body>
<div id="d"></div>
<input type="button" value="animate" id="btn" />
</body>
</html>
确实如此，动画还没有执行完，就已经alert了，后来又换了声明方式直接function cal(){}
还是这样子，只能写成:
fadeOut(1000, function() { //XXX });
这样子了，不知道原因，留待考证
分享到：
相关推荐
回调函数在jQuery中扮演着重要角色，它是一种在特定事件完成后执行的函数。在JavaScript中，回调函数通常作为参数传递给另一个函数，以便在那个函数完成其任务后调用。这种模式在异步编程中尤为常见，比如在处理动画...
回调函数是jQuery中一个核心概念，对于理解和优化JavaScript代码的执行流程至关重要。本篇文章将深入探讨jQuery中回调函数的原理及其应用。 回调函数本质上是一个在特定事件发生后被调用的函数，它允许我们将业务...
通过以上示例，我们可以看到jQuery回调函数在实际开发中的广泛应用。它们是实现程序逻辑的关键组成部分，确保了代码的顺序执行和异步操作的正确管理。理解和熟练运用回调函数是每个jQuery开发者必备的技能。在进行...
2. **jQuery回调函数的实现：** - 首先，当页面加载完成时，jQuery会执行`$(document).ready()`函数中的代码。 - `$('#items').change(showItemInfo);` 这行代码意味着当`#items`这个下拉菜单发生变化时，会触发`...
当特定事件（如点击按钮、接收到新消息）发生时，对应的回调函数会被触发执行。例如，在Web开发中，我们可以为HTML元素绑定事件监听器，并提供一个回调函数来处理事件发生时的行为。 3. **链式调用**：在一些库和...
在使用jQuery进行Ajax异步请求时，回调函数不执行是一个常见的问题，特别是在使用`$.post()`或`$.ajax()`函数时。本文将深入探讨jQuery `Ajax Post`回调函数不执行的原因，并提供相应的解决方法，同时也会分析`ajax ...
在jQuery中，回调函数常常与事件处理、动画效果和Ajax请求相关联。 首先，我们需要明确回调函数的基本概念。回调函数是一个作为参数传递给另一个函数的函数，这个参数函数会在特定条件满足或特定事件发生后被调用。...
回调函数在编程中是一种常见的设计模式，特别是在JavaScript和jQuery中，它们被广泛用于处理异步操作和事件响应。回调函数的基本原理是将一个函数作为参数传递给另一个函数，当这个外部函数执行完毕或达到特定条件时...
然而，在实际应用中，开发者可能会遇到一些问题，如回调函数总是进入error或success状态，这通常与错误处理、请求状态、服务器响应以及代码实现有关。 首先，我们来详细了解一下`ajaxFileUpload`。这是一个基于...
在结尾部分，作者询问是否通过本文对jQuery回调函数有了新的认识，并表达了希望能够帮助读者。显然，文章的目的是帮助读者理解并掌握jQuery中回调函数的使用方法和基础知识。 通过阅读本文档，学习者可以了解到以下...
本资源“asp.net 实现回调函数”提供了一个实例，帮助开发者理解并掌握如何在ASP.NET中运用回调函数。 首先，我们需要了解什么是回调函数。在编程中，回调函数是一个被传递给其他函数作为参数，并且这个参数在适当...
事件触发机制在jQuery中扮演着重要角色，它可以与回调函数结合起来，创建响应式的交互。当一个特定事件（如点击、改变等）发生时，可以调用回调函数来处理后续动作。在上面的插件示例中，`selectChange`实际上就是一...
当倒计时结束时，回调函数会被执行，可以用于执行特定任务，如隐藏某个元素、显示提示信息或触发其他操作。回调函数的使用使得倒计时更具灵活性和实用性。 #### 技术细节 - **jQuery选择器和DOM操作**：jQuery提供...
首先，需要了解的是jQuery的$.Callbacks()对象，这是一个专门用于管理回调函数列表的工具，它允许开发者注册多个回调函数，以数组的形式存储它们，并提供了一系列方法来添加、触发和移除这些回调函数。使用$....
我们可以注册一个回调函数来监听特定的事件，当事件触发时，回调函数会被执行： ```javascript var emitter = new EventEmitter(); emitter.on('custom-event', function(arg1, arg2) { console.log(arg1, arg2); ...
ASP.NET回调函数是一种技术，它允许用户在不重新加载整个页面的情况下与服务器进行交互，从而实现无刷新的数据更新。这种技术极大地提升了用户体验，因为它减少了页面的加载时间和网络流量，尤其适用于实时数据更新...
在使用jQuery.Callbacks()时，开发者需要特别注意的是，回调函数队列对象只允许fireWith()方法触发一次。fire()方法实际上是fireWith()方法的外观模式，它内部执行的是fireWith()方法。这意味着一旦回调函数列表被...
回调函数在每个时间间隔（例如每秒）都会触发，使得倒计时始终保持实时更新。 **四、进阶应用** 1. **自定义样式**：通过CSS可以对倒计时的样式进行个性化设置，以适应不同的设计需求。 2. **国际化**：jQuery....
标题中的"jquery.scrollIntoView:滚动元素进入视图时触发回调"指的是一个jQuery插件或者扩展方法，它扩展了jQuery的核心功能，使开发者能够监听元素滚动进入视口的事件，并执行相应的回调函数。这个特性对于实现动态...