使用jquery中的click点击事件时出现重复问题的解决

　　枪响之后，没有赢家。

　　疫情之时，没有能闲着的医疗相关人员。

　　别误会，我不是医疗工作者，只是我们做的项目跟医疗服务相关，在这个时候，又怎么能置身事外呢。

　　所以就开始加班加点呀，嗯.....加的头昏脑胀，代码都写的有点不顺溜了。

　　之前做的一个项目，有点问题，点击选项的次数过多的时候会卡住，前天一直没发现问题在哪，今天在翻新的时候找到原因了。

　　由于选项都是获取数据渲染上去的，点击事件也是在渲染完成后绑定上去的，所以造成了重复触发点击的情况，导致点击次数过多时，页面会卡住。

　　搜了一下找到了解决方法，由于相关内容不读，所以先记下来。

　　原来使用点击事件的时候是下面这个样子的：

$(‘.option-item‘).on(‘click,function () {
    console.log(‘1231‘);
})

　　现在改成下面这样：

$(‘.option-item‘).unbind(‘click‘).click(function () {
    console.log(‘1231‘);
})

　　就正常了，每次点击触发一次。

原文地址：https://www.cnblogs.com/xlin021/p/12313416.html