2017-06-17 72 views
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是一個完美而簡單的解決方案,讓範圍輸入看起來更好,我真的很想繼續使用它,而不是切換到另一個滑塊插件。

回答

0

我只是通過完全刪除rangeslider.js和使用另一個插件來解決這個問題,因爲它似乎連接到了rangeslider實現的方式。