jquery防止按钮重复点击

在最近的项目中用swiper做了一个h5应用，主要是给用户答题，后台记录用户答题的情况。每一个页面有一道题，两个选项，使用 swiper-slide 模拟每一个页面，每一个页面都添加了类 swiper-no-swiping，只有在点击选项之后才能调用 mySwiper.slideNext() 跳转到下一个页面。但是每一个选项点击之后都会有时长约为一到两秒的动画，如果此时用户重复点击该选项，则 mySwiper.slideNext() 会被重复调用，从而会连续滑动两个页面，导致中间有页面上的题目无法显示，后台无法记录答案。因此！必须禁止选项按钮的重复点击！

一、one() 方法

定义和用法
one() 方法为被选元素附加一个或多个事件处理程序，并规定当事件发生时运行的函数。
当使用 one() 方法时，每个元素只能运行一次事件处理器函数。

语法

$(selector).one(event,data,function);

使用示例

$(".answer_btn").one("click",function(){
    mySwiper.slideNext();
});

二、unbind()方法

在按钮点击的时候移除绑定事件。
使用示例

$(".answer_btn").bind("click",function(){
    mySwiper.slideNext();
    $(this).unbind('click');   
});