要做一个功能,把一张图片展示一下,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回调函数简单使用 比如说,我们想要点击某个按钮后触发事件, 先把一些指定内容给隐藏掉, 然后跳出相关信息的对话框。 如果使用普通的方法, 不用回调函数的话, 会有怎么样的效果呢? 效果是先弹出对话框再...
主要介绍了jQuery插件扩展的方法,结合实例形式分析了jQuery插件添加回调函数与事件触发机制的相关操作技巧,需要的朋友可以参考下
jQuery触发式二级导航是一款基于jquery实现的二级导航菜单,支持回调函数下拉菜单导航条代码。
jquery.scrollIntoView 滚动元素进入视图时触发回调
jQuery.AysncBox(异步盒子)是一款基于 jQuery 的弹窗插件。能够实现网站的整体风格效果,给用户一个新的视觉享受...它通过回调函数触发事件动作并执行,使操作区域更加明了、统一。而且能够在主流浏览器中灵活运用。
- 通过回调函数触发事件动作并执行,使操作区域更加明了、统一。 - 插件使用风格略相似于 EXTJS。 - 不支持同步。 运行环境: - IE6/7/8/9、Firefox、Chrome(本地不支持跨 iframe 调用)、Safari、Opera 等国产...
讨论这个问题基于如下场景:点击页面上某个按钮之后,触发click事件,事件处理函数内部发送一个AJAX请求,AJAX回调函数更新页面的某一个部分。
监控页面的滚动进度并在到达页面的相对底部时触发指定的回调函数。 用于类似于“无限”或“无限”滚动的情况,但没有许多其他插件的开销。 用法 通用模式是: $.addPageBottomListener({options}, callback); 附加...
默认: 'click' onLoad function 回调函数,当图像被加载的时候触发 beforeZoomIn function 回调函数,在图像被放大前触发 onZoomIn function 回调函数,在图像被放大时触发 beforeZoomOut function 回调函数,在图像...
数据类型设置为 "jsonp" 时,jQuery 将自动调用回调函数。 -------------------------------------------------------------------------------- Load a remote page using an HTTP request. This is jQuery's low...
文框输入框的自动完成和自动提示功能可以帮助用户快速的完成操作,是非常好的产品使用体验。...onSearchStart:搜索开始的回调函数; onSearchComplete:搜索完成的回调函数; tabDisabled:是否禁用 Tab 键;
当检测到更改时,将触发回调函数。 另外提供了用于暂停监视、启动监视和检索与元素关联的监视状态的方法。 作者 ( / / ) 用法 在页眉或页面其他地方的 jQuery 之后包含jquery.eye.min.js 。 使用 jQuery.eye 初始化...
【程序老媛出品,必属精品,亲测校正,质量保证】 资源名:jQuery图片批量上传插件源码 资源类型:程序源代码 ...ajax中回调函数可以修改提示信息样式,查找“alert”也可 适合人群:新手及有一定经验的开发人员
FieldChange(jQuery 插件) 这个 jQuery 插件是一个小插件,用于对表单字段执行定期检查,并在该字段的表单状态发生变化时调用回调函数。 在原生 Javascript 事件过于频繁或未涵盖所有基础的情况下,此功能可能很...
jquery.cardswipe, 用于磁卡阅读器的jQuery插件 jQuery.cardswipe它做... 它允许web应用程序与阅读器接口,这样扫描一张卡就会触发回调函数,然后就可以对扫描的数据执行操作。 扫描卡将不会导致键盘事件到达底层页面
如果没有明确指定,jQuery会根据实际返回的MIME类型自动的将responseXML或responseText传递给success指定的回调函数。有效的类型(返回的类型的结果值会作为第一个参数传递给success指定的回调函数)有: "xml": 返回...
onChatboxDestroy 销毁聊天窗时触发 优先级:实例回调函数优先级高于全局回调函数,也就是说实例配置项中的回调函数会覆盖全局配置项中同名的回调函数。 this指针:this指针经由apply或者call方法已经指向调用该...
这是一款可以选择多张图片同时上传,不要的还可以移除,实时预览图片的jQuery多张图片批量上传插件代码。 功能描述 实现图片预览,预览图片移除,任意张...ajax中回调函数可以修改提示信息样式,查找“alert”也可
点击“盖章”按钮添加一个新章,可以自由拖动位置,点击确定后保存并触发回调函数方便处理保存,有需要的下载试试。 不收分了,免费大发送嘿嘿,有空请到我的博客支持下,谢谢! http://blog.csdn.net/sweetsuzyhyf
原生弹出框alert由于样式等问题被业界人士所讨厌。本例是基于jQuery进行扩展写出,alert和confirm(带确认和取消按钮并能触发回调函数)