在移动设备上禁用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);
            }
        );
    }
});