java多次点击时事件_[Java教程]Jquery中on绑定事件 点击一次 执行多次 的解决办法...

[Java教程]Jquery中on绑定事件 点击一次 执行多次 的解决办法

0

2018-05-31 00:06:27

举个例子，在同一个页面有下拉选择框

按用户分析

按单位分析

按角色分析

当选择用户分析时，一组用户查询条件展示出来，queryUser查询按钮显示，并绑定查询方法countByUser(),$("#queryUser").on("click",countByUser);

当选择单位分析时，一组单位查询条件展示出来，queryDept查询按钮显示，并绑定查询方法countByDept(),$("#queryDept").on("click",countByDept);

当选择角色分析时，一组角色查询条件展示出来，queryRole查询按钮显示，并绑定查询方法countByRole(),$("#queryRole").on("click",countByRole);

先选择按用户分析，此时queryUser按钮绑定了一次click事件，再选择按单位分析，再选择按用户分析，此时queryUser按钮又绑定了一次click事件，点击查询按钮会调用两次countByUser()方法。

解决办法是在绑定click之前先解绑方法，或者调用完方法之后解绑。

$("#queryUser").off("click"); //如果该对象存在其他click事件先解绑事件

$("#queryUser").on("click",countByUser); //绑定事件

本文网址：http://www.shaoqun.com/a/342028.html

*特别声明：以上内容来自于网络收集，著作权属原作者所有，如有侵权，请联系我们：admin@shaoqun.com。

jquery

0