iPhone滑塊在Javascript - 問題在Safari

Question

我是新來的JavaScript的使用了從http://davidbcalhoun.com/2011/implementing-iphone-slider-unlock-with-input-type-range/

我沒法把它在Safari工作，下面的代碼，（它完全在Chrome）。

的代碼如下，我道歉，如果這確實很明顯，但我很願意學習：

(function(){ 
    var slider, sliderInput, sliderButton, sliderText, sliderTimeout, sliderOnchange, unlockCheck; 
    slider = document.querySelector('.iphone-slider'); 
    sliderInput = slider.querySelector('input'); 
    sliderButton = sliderInput.querySelector('input::-webkit-slider-thumb'); 
    sliderText = slider.querySelector('span'); 
    unlockCheck = function(){ 
     if(sliderInput.value == 100) { 
      sliderText.innerHTML = 'unlocked'; 
      sliderInput.value = 0; 
      sliderText.style.opacity = 1; 
     } else { 
      setTimeout(function(){ 
       sliderInput.value = 0; 
       sliderText.style.opacity = 1; 
      }, 1000); 
     } 
    }; 

    sliderOnchange = function() { 
     sliderText.style.opacity = ((100 - sliderInput.value)/200); 
     clearTimeout(sliderTimeout); 
     sliderTimeout = setTimeout(unlockCheck, 300); 
    }; 

    slider.onchange = sliderOnchange; 
})(); 

Answer 1

它既是桌面Safari瀏覽器和移動它在CSS3和JavaScript解鎖滑塊模擬器.. 。查看詳情鏈接： http://davidbcalhoun.com/2011/implementing-iphone-slider-unlock-with-input-type-range/