1
我正在開發一個phonegap應用程序,並且我使用rangeslider來使常規的<input type=range>
元素更具視覺吸引力。不過,我跑進具有以下功能的問題,這就是所謂當onchange()
事件觸發:rangeslider.js調用onchange()兩次
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是一個完美而簡單的解決方案,讓範圍輸入看起來更好,我真的很想繼續使用它,而不是切換到另一個滑塊插件。