大家都发现,通过jQuery绑定事件是件非常容易的事情
$("a").click(function(){
console.info("A");
return false;
});
但是A事件绑定后,我发现我需要B事件来决定其是否触发,好办,现在就改。
$("a").click(function(){
console.info("B");
return false;
});
$("a").click(function(){
console.info("A");
return false;
});
真的能够阻止后面的click事件触发吗?事与愿违。
如果B事件需要通过异步调用来判断A事件是否需要触发呢?
$("a").click(function(){
$.ajax({
url:"b.html",
success:function(msg){
if(msg){
console.info("pass");
return true;
}else{
console.info("nopass");
return false;
}
}
});
});
$("a").click(function(){
console.info("B");
return false;
});
事实发现根本不可能,那怎么办呢?
先说几种思路:
- 将后绑定的事件通过另外一种触发,比如A事件是绑定在click上,那么B事件绑定在mouseover上,先触发mouseover再通过它来阻止click事件。(后来经过研究,发现这几乎是不可能的事情)
- 将2个事件通过jquery的queue进行处理。(这个确实可以解决先后触发的问题,但是现实的情况是项目中所有的事件绑定已经全部写好,目前需要每个按钮事件前都加上1个判断的AJAX请求。要不就是所有的按钮事件全部重写,要么另外寻找一条路)
- 深入jQuery的事件机制,获得其事件的队列,针对其事件队列进行处理。
//我们先让其默认绑定个事件,称其为A事件
$("a").click(function(){
console.info(1);
return false;
});
//现在我们要让后面绑定的B事件先触发,并且控制A事件是否触发
//获取对象a绑定的事件对象中的click事件
var event = $("a").data("events").click;
//因为这个a在我们的B事件中也需要用到,为了防止this对象的改变,因此特地声明变量that保存
var that = $("a");
//下面就是B事件了,但是貌似好像没有绑定啊
var B = function(){
$.ajax({
url:"b.html",
success:function(msg){
if(msg){
console.info("pass");
tt.call(that);
}else{
console.info("nopass");
}
}
});
return false;
};
//关键对象,尽请对其多关注
var tt;
//关键代码,尽请多关注
for(var i in event){
tt = event[i];
event[i] = B;//如果注释此行,下面2行必须取消注释。在FF中效果一样,原理不同...在IE中会循环调用...
//delete(event[i]);
//that.click(B);
break;
}
问题貌似圆满解决,但是AJAX的callback函数中的return,是否可以抓的到呢?
分享到:
- 2009-09-18 00:29
- 浏览 2745
- 评论(4)
- 论坛回复 / 浏览 (4 / 4217)
- 查看更多
相关推荐
jQuery图片文件上传队列代码是一款图片和文件上传队列,支持批量上传,删除代码。
大家都发现,通过jQuery绑定事件是件非常容易的事情 代码如下:<TEXTAREA class=javascript name=code rows=15 cols=50>$(“a”).click(function(){ console.info(“A”); return false; }); </TEXTAREA>...
jQuery动画队列特效代码是一款很实用的jQuery动画队列效果。
Jquery队列函数使用,动画特效,用于学习,方便初学者使用
2、调用queue()方法将动画函数数组加入队列中; 3、利用dequeue()方法取出函数队列中的第一个函数,并执行它。 示例: <!DOCTYPE html> <html> <head> <title>jQueryQueueTest.html</...
这是一个Jquery的函数队列Demo,用于初学者可以看得懂的,好好看看
2.4 队列控制 30 2.4.1 queue(name) 30 2.4.2 queue(name, callback) 31 2.4.3 queue(name, queue) 32 2.4.4 dequeue(name) 33 2.4.5 clearQueue([queueName]) 34 2.5 插件机制 34 2.5.1 jQuery.fn.extend(object) ...
NULL 博文链接:https://axl234.iteye.com/blog/1884310
《jquery技术内幕:深入解析jquery架构设计与实现原理》由阿里巴巴资深前端开发工程师撰写,从源代码角度全面而系统地解读了jquery的17个模块的架构设计理念和内部实现原理,旨在帮助读者参透jquery中的实现技巧和...
5.4.3 队列中的动画/144 5.4.4 动画停止和延时/146 5.5 动画效果综述/148 5.5.1 各种动画方法说明/148 5.5.2 使用animate()方法代替其他动画效果/148 5.6 综合案例分析—动画效果浏览相册中的图片/149 5.6.1 ...
图片的队列呈递效果 让图片以队列的形式呈递
列表框中事件应用 列表中的导航菜单应用 网页选项卡应用 删除记录时的提示效果 第5章 show()与hide()方法 动画效果的show()与hide()方法 toggle()方法 slideDown()与slideUp()方法 slideToggle()方法 ...
这是一款支持批量上传、删除图片和文件的上传插件,jQuery图片文件批量上传队列代码,注释很详细。
队列控制 queue(element,[queueName]) dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex]) 属性 属性 attr(name...
高级Jquery 轮播点击动画 这个下载后可以直接使用. 自己可以坐下自动轮播
jQuery 3.1 参考手册 ...队列控制 queue(e,[q]) dequeue([queueName]) clearQueue([queueName]) 插件机制 jQuery.fn.extend(object) jQuery.extend(object) 多库共存 jQuery.noConflict([ex])
资源名称:jQuery技术内幕:深入解析jQuery架构设计与...接着详细分析了底层支持模块的源码实现,包括:选择器 Sizzle、异步队列 Deferred、数据缓存 Data、资源太大,传百度网盘了,链接在附件中,有需要的同学自取。