非常に単純なユースケースがあります。
ページの初期化でhtmlをロードします。
$(document).on('pageinit',function(){
window.localStorage.setItem("page",'intro_1');
$('#navigation_main').load('html/intro_1.html');
});
スワイプでdomを変更するだけです。
var flag = 0;
$("body").bind("swipeleft",function(event) {
flag +=1;
page = window.localStorage.getItem("page");
alert(flag);
switch(page){
case 'intro_1':
window.localStorage.setItem("page",'intro_2');
$('#navigation_main').load('html/intro_2.html');
break;
case 'intro_2':
window.localStorage.setItem("page",'challenges');
$('#navigation_main').load('html/challenges.html');
break;
case 'challenges':
window.localStorage.setItem("page",'risk_areas');
$('#navigation_main').load('html/risk_areas.html');
break;
default:
window.localStorage.setItem("page",'intro_1');
$('#navigation_main').load('html/intro_1.html');
break;
}
});
これで、この左スワイプが2回実行され、後続のページが読み込まれます。どうすればこれを止めることができますか?