私はphonegapアプリケーションを開発しています。rangesliderを使用して、通常の<input type=range>
要素をより視覚的に魅力的にしています。しかし、私はと呼ばれている次の関数で問題に遭遇したときonchange()
イベントが発生:rangeslider.js onchange()を2回呼び出す
function store_slider(){
store_slider_val=document.getElementById("slider").value; //gets the value of the slider
if(store_slider_val==100){
//if slider is at 100 give a notification
navigator.notification.confirm('Mark task as complete?',task_complete_handle,'Hey there!','YES,NO');
function task_complete_handle(button){
if(button==1){
//do stuff
}
else{
//set the slider to 90
$('#slider').val(90).change();
}
}
}
else{
//do other stuff
}
}
私が直面してる問題はスライダーが100であるときnavigator.notification.confirm('Mark task as complete?',task_complete_handle,'Hey there!','YES,NO');
によって生成通知は、二回の代わりに表示されていることです携帯電話でアプリを試してみると(一度はノートパソコンのブラウザで起動すると表示されます)私がrangesliderを使用しないとき、コードは期待通りに動作します。
この問題を解決するにはどうすればよいですか? Rangesliderはレンジ入力をより見やすくするための完璧でシンプルな解決策でした。私は本当にこれを使い続け、別のスライダプラグインに切り替えることはしません。