当前位置：Gxlcms > JavaScript > jQuery事件队列调整方法_jquery

jQuery事件队列调整方法_jquery

时间：2021-07-01 10:21:17 帮助过：12人阅读

大家都发现，通过jQuery绑定事件是件非常容易的事情

代码如下:

$("a").click(function(){ <BR>    console.info("A"); <BR>    return false; <BR>}); <BR> 

但是A事件绑定后，我发现我需要B事件来决定其是否触发，好办，现在就改。

代码如下:

$("a").click(function(){ <BR>    console.info("B"); <BR>    return false; <BR>}); <BR>$("a").click(function(){ <BR>    console.info("A"); <BR>    return false; <BR>}); <BR>

真的能够阻止后面的click事件触发吗？事与愿违。
如果B事件需要通过异步调用来判断A事件是否需要触发呢？

代码如下:

$("a").click(function(){ <BR>    $.ajax({ <BR>        url:"b.html", <BR>        success:function(msg){ <BR>            if(msg){ <BR>                console.info("pass"); <BR>                return true; <BR>            }else{ <BR>                console.info("nopass"); <BR>                return false; <BR>            } <BR>        } <BR>    }); <BR>}); <BR>$("a").click(function(){ <BR>    console.info("B"); <BR>    return false; <BR>}); <BR> 

事实发现根本不可能，那怎么办呢？
先说几种思路：
将后绑定的事件通过另外一种触发，比如A事件是绑定在click上，那么B事件绑定在mouseover上，先触发mouseover再通过它来阻止click事件。（后来经过研究，发现这几乎是不可能的事情）
将2个事件通过jquery的queue进行处理。（这个确实可以解决先后触发的问题，但是现实的情况是项目中所有的事件绑定已经全部写好，目前需要每个按钮事件前都加上1个判断的AJAX请求。要不就是所有的按钮事件全部重写，要么另外寻找一条路）
深入jQuery的事件机制，获得其事件的队列，针对其事件队列进行处理。

代码如下:

//我们先让其默认绑定个事件，称其为A事件 <BR>$("a").click(function(){ <BR>    console.info(1); <BR>    return false; <BR>}); <BR>//现在我们要让后面绑定的B事件先触发，并且控制A事件是否触发 <BR>//获取对象a绑定的事件对象中的click事件 <BR>var event = $("a").data("events").click; <BR>//因为这个a在我们的B事件中也需要用到，为了防止this对象的改变，因此特地声明变量that保存 <BR>var that = $("a"); <BR>//下面就是B事件了,但是貌似好像没有绑定啊 <BR>var B = function(){ <BR>    $.ajax({ <BR>        url:"b.html", <BR>        success:function(msg){ <BR>            if(msg){ <BR>                console.info("pass"); <BR>                tt.call(that); <BR>            }else{ <BR>                console.info("nopass"); <BR>            } <BR>        } <BR>    }); <BR>return false; <BR>}; <BR>//关键对象，尽请对其多关注 <BR>var tt; <BR>//关键代码，尽请多关注 <BR>for(var i in event){ <BR>    tt = event[i]; <BR>    event[i] = B;//如果注释此行，下面2行必须取消注释。效果一样，原理不同... <BR>//delete(event[i]); <BR>    //that.click(B); <BR>    break; <BR>} <BR>

问题貌似圆满解决，但是AJAX的callback函数中的return，是否可以抓的到呢？

jQuery事件队列调整方法_jquery

人气教程排行