jqueryボタンの重複クリック防止
1473 ワード
最近のプロジェクトではswiperでh 5アプリケーションを作成し、主にユーザーに解答し、バックグラウンドにユーザーの解答状況を記録した.各ページには1つの問題があり、2つのオプションがあり、swiper-slideを使用して各ページをシミュレートし、各ページにはクラスswiper-no-swiipingが追加され、オプションをクリックしてからmySwiperを呼び出すことができます.slideNext()次のページにジャンプします.しかし、各オプションがクリックすると約1~2秒の長いアニメーションがある場合があり、ユーザーがこのオプションを繰り返しクリックするとmySwiper.slideNext()は繰り返し呼び出され、2つのページが連続的にスライドし、真ん中にページのタイトルが表示されず、バックグラウンドに答えが記録されません.だから!オプションボタンの繰り返しクリックを禁止しなければなりません!
一、one()方法
定義および用法one()メソッドは、選択された要素に1つ以上のイベントハンドラを追加し、イベントが発生したときに実行される関数を規定する.one()メソッドを使用すると、各要素はイベントプロセッサ関数を1回しか実行できません.
構文
使用例
二、unbind()方法
ボタンをクリックしたときにバインドイベントを削除します.使用例
一、one()方法
定義および用法one()メソッドは、選択された要素に1つ以上のイベントハンドラを追加し、イベントが発生したときに実行される関数を規定する.one()メソッドを使用すると、各要素はイベントプロセッサ関数を1回しか実行できません.
構文
$(selector).one(event,data,function);
使用例
$(".answer_btn").one("click",function(){
mySwiper.slideNext();
});
二、unbind()方法
ボタンをクリックしたときにバインドイベントを削除します.使用例
$(".answer_btn").bind("click",function(){
mySwiper.slideNext();
$(this).unbind('click');
});