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/