JQ~trigger与bind，触发与绑定何先何后？

最近在做项目时，遇到一个需求，事实上就是表单联动的问题，单击单选框，下面的复选框联动，当第一次加载时，默认触发第一个单选框，如图：

之前的方法，没有完成我的要求，第一次加载时，公司被选中，再“角色”这块并没有触发指定事件，代码如下：

    //首次加载时，模拟Dept单击事件$("input[name=Dept]").first().trigger("click");//Dept单击事件$("input[name=Dept]").live("click", function () {var deptid = $("input[name=Dept]:checked").val();if (deptid == undefined)deptid = $("input[name=Dept]").first().val()$.get("/Common/PartialRole", { deptID: deptid }, function (data) {$("#roleList").html(data);});});

经过分析，找到了原因，JQ的代码为顺序执行，当你执行到trigger时，下面的live方法会没有执行，这时，你触发的click事件是空的，所以，当然程序首次加载时

只是单选按钮被选中，事件方法主体并没有被触发，其它不是没有触发，而是方法本身是空的。

将trigger与live的顺序对调，效果实现

    //Dept单击事件$("input[name=Dept]").live("click", function () {var deptid = $("input[name=Dept]:checked").val();if (deptid == undefined)deptid = $("input[name=Dept]").first().val()$.get("/Common/PartialRole", { deptID: deptid }, function (data) {$("#roleList").html(data);});});//首次加载时，模拟Dept单击事件$("input[name=Dept]").first().trigger("click");

这时，再运行代码，程序执行到trigger代码段时，click方法已经被执行，这时，再进行trigger的触发，当然结果也就出来了。

小知识：JQ程序与其它程序执行的方式是相同的，代码自上而下运行，当然程序代码会更新你的条件语句改变执行的顺序，这是必然的，这个例子告诉我们，在使用trigger时，应该将它放到你触发的方法的下面，而不要放在上面！

本文转自博客园张占岭（仓储大叔）的博客，原文链接：JQ~trigger与bind，触发与绑定何先何后？，如需转载请自行联系原博主。

JQ~trigger与bind，触发与绑定何先何后？相关推荐

使用jQuery中trigger()方法自动触发事件
一.常用事件在页面加载完成时自动触发input的点击事件,在移动端可以实现自动弹出输入法,获得焦点 $("input").trigger("click") ...
解释this指针指向与bind()方法：用bind方法永久绑定this的指向
参考资料: ①MDN,函数的 this 关键字 ②MDN,bind() 方法 ③MDN,箭头函数 this指针的特点: ①在绝大多数情况下,函数的调用方式决定了this的值. ②this不能在执行期间 ...
el-select绑定值赋值后，页面无法显示对应label值
el-select绑定值赋值后,页面无法显示对应label值 this.lunwen.achmId＝'1',页面也显示1,无法显示1对应的label值.这种情况大多数是数据类型不统一,比如页面绑定为n ...
JQ trigger触发a标签点击事件
trigger() 方法触发被选元素的指定事件类型. $("a").trigger('click') ; 这样直接触发a标签上的点击事件无法生效需要绑定给a标签的子集 $(&qu ...
jq trigger
年前一个项目做下来,全程js 交互写了我半辈子的js代码,重构了N便~~ 不过做项目这东西很锻炼人,强迫你去接触一些没有接触过的东西,收获还是蛮大的.其中收获最大的还是对jQuery 的全新认识了,之 ...
PLSQL_性能优化系列07_Oracle Parse Bind Variables解析绑定变量
2014-09-25 Created By BaoXinjian 一.绑定变量用法和使用场合使用绑定变量的重要性:如果不使用绑定变量而使用常量,会导致大量硬解析.由于硬解析的种种危害,不使用绑定变量 ...
第五节: Quartz.Net五大构件之Trigger的四大触发类
一. WithSimpleSchedule(ISimpleTrigger) 1. 用途:时.分.秒上的轮询(和timer类似),实际开发中,该场景占绝大多数. 2. 轮询的种类:永远轮询和限定次数轮询 ...
学习bind源代码，比较bind的方式绑定函数在在内存使用上优于箭头函数
前言使用ES的class,到底是使用箭头函数更有效率,还是在构造器函数(constructor)中使用bind函数给函数绑定context更加有效率?在Demystifying Memory Usa ...
边缘触发(Edge Trigger)和条件触发(Level Trigger)
概述边缘触发是指每当状态变化时发生一个io事件: 条件触发是只要满足条件就发生一个io事件: 详述 int select(int n, fd_set *rd_fds, fd_set *wr_fd ...

JQ~trigger与bind，触发与绑定何先何后？

JQ~trigger与bind，触发与绑定何先何后？相关推荐

最新文章

热门文章