舉個例子，在同一個頁面有下拉選擇框

按用戶分析

按單位分析

按角色分析

當選擇用戶分析時，一組用戶查詢條件展示出來，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); //綁定事件

總結

以上是生活随笔為你收集整理的jq点击事件多次响应_Jquery中on绑定事件 点击一次 执行多次 的解决办法的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。