禁用手機上的Javascript代碼（也許是觸摸屏）？

Question

我已經看到關於禁用手機的JavaScript的主題，但它有點超過我的頭。我知道這足夠危險。我使用腳本在照片上使用腳本的懸停效果，但在移動設備上，我設置了css，以便默認顯示。唯一的問題是當你點擊圖片查看試圖激發懸停效果的燈箱。我該如何禁用？

<script type="text/javascript"> 
$(document).ready(function() { 
$('.fade').hover(
    function(){ 
     $(this).find('.caption').fadeIn(250); 
    }, 
    function(){ 
     $(this).find('.caption').fadeOut(250); 
    } 
); 
}); 
</script> 

Answer 1

您可以禁用（不費力或危險）觸摸設備的檢查是否存在特定的行爲「ontouchstart」窗口中的物體，像這樣的屬性：

$(document).ready(function() { 
    if (!('ontouchstart' in window)) { 
     $('.fade').hover(
      function(){ 
       $(this).find('.caption').fadeIn(250); 
      }, 
      function(){ 
       $(this).find('.caption').fadeOut(250); 
      } 
     ); 
    } 
});