在最近的專案中用swiper做了一個h5應用，主要是給使用者答題，後臺記錄使用者答題的情況。每一個頁面有一道題，兩個選項，使用 swiper-slide 模擬每一個頁面，每一個頁面都添加了類 swiper-no-swiping，只有在點選選項之後才能呼叫 mySwiper.slideNext() 跳轉到下一個頁面。但是每一個選項點選之後都會有時長約為一到兩秒的動畫，如果此時使用者重複點選該選項，則 mySwiper.slideNext() 會被重複呼叫，從而會連續滑動兩個頁面，導致中間有頁面上的題目無法顯示，後臺無法記錄答案。因此！必須禁止選項按鈕的重複點選！

一、one() 方法

定義和用法

語法

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

使用示例

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

二、unbind()方法

在按鈕點選的時候移除繫結事件。
使用示例

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