繁體中文当前位置: 首页 > 图文教程 > 网络编程 > Javascript > jQuery 事件队列调整方法
- Javascript
- JS 参数传递的实际应用代码分析
- prototype与jquery下Ajax实现的差别
- 用JS写的简单的计算器实现代码
- javascript 数组操作实用技巧
- JavaScript 中级笔记 第二章
- JavaScript 中级笔记 第三章
- JavaScript 中级笔记 第四章 闭包
- JavaScript 中级笔记 第五章 面向对象的基础
- Mootools 1.2教程 函数
- Mootools 1.2教程 事件处理
- 通过Mootools 1.2来操纵HTML DOM元素
- Mootools 1.2教程 设置和获取样式表属性
- Mootools 1.2教程 输入过滤第一部分（数字）
- Mootools 1.2教程 输入过滤第二部分（字符串）
- Mootools 1.2教程 Fx.Tween的使用
- Mootools 1.2教程 Fx.Morph、Fx选项和Fx事件
- MooTools 1.2中的Drag.Move来实现拖放
- Mootools 1.2教程 正则表达式
- Mootools 1.2教程 定时器和哈希简介
- Mootools 1.2教程 滚动条（Slider）
Javascript 中的 jQuery 事件队列调整方法
出处:互联网 整理: 软晨网（RuanChen.com） 发布: 2009-10-10 浏览: 134 ::
收藏到网摘: n/a
如何为已经绑定A事件的对象添加B事件，由B事件判断A事件是否触发 大家都发现，通过jQuery绑定事件是件非常容易的事情
复制代码 代码如下:
<TEXTAREA class=javascript name=code rows=15 cols=50>$("a").click(function(){
console.info("A");
return false;
});
</TEXTAREA>
但是A事件绑定后，我发现我需要B事件来决定其是否触发，好办，现在就改。
复制代码 代码如下:
<TEXTAREA class=javascript name=code rows=15 cols=50>$("a").click(function(){
console.info("B");
return false;
});
$("a").click(function(){
console.info("A");
return false;
});
</TEXTAREA>
真的能够阻止后面的click事件触发吗？事与愿违。
如果B事件需要通过异步调用来判断A事件是否需要触发呢？
复制代码 代码如下:
<TEXTAREA class=javascript name=code rows=15 cols=50>$("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;
});
</TEXTAREA>
事实发现根本不可能，那怎么办呢？
先说几种思路：
将后绑定的事件通过另外一种触发，比如A事件是绑定在click上，那么B事件绑定在mouseover上，先触发mouseover再通过它来阻止click事件。（后来经过研究，发现这几乎是不可能的事情）
将2个事件通过jquery的queue进行处理。（这个确实可以解决先后触发的问题，但是现实的情况是项目中所有的事件绑定已经全部写好，目前需要每个按钮事件前都加上1个判断的AJAX请求。要不就是所有的按钮事件全部重写，要么另外寻找一条路）
深入jQuery的事件机制，获得其事件的队列，针对其事件队列进行处理。
复制代码 代码如下:
<TEXTAREA class=javascript name=code rows=15 cols=50>//我们先让其默认绑定个事件，称其为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行必须取消注释。效果一样，原理不同...
//delete(event[i]);
//that.click(B);
break;
}
</TEXTAREA>
问题貌似圆满解决，但是AJAX的callback函数中的return，是否可以抓的到呢？
评论 (0) All
