在手机上禁用Javascript代码(可能是触摸屏)?

在手机上禁用Javascript代码(可能是触摸屏)?,javascript,wordpress,mobile,Javascript,Wordpress,Mobile,我看过一些关于禁用移动javascript的主题,但这有点让我不知所措。我知道的足够危险了。我在使用脚本的照片上有一个悬停效果,但在手机上,我设置了css,使其默认显示。唯一的问题是,当您单击图像以查看灯箱时,它试图激发悬停效果。我如何禁用它 <script type="text/javascript"> $(document).ready(function() { $('.fade').hover( function(){ $(this).find('.ca

我看过一些关于禁用移动javascript的主题,但这有点让我不知所措。我知道的足够危险了。我在使用脚本的照片上有一个悬停效果,但在手机上,我设置了css,使其默认显示。唯一的问题是,当您单击图像以查看灯箱时,它试图激发悬停效果。我如何禁用它

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

$(文档).ready(函数(){
$('.fade')。悬停(
函数(){
$(this.find('.caption').fadeIn(250);
},
函数(){
$(this.find('.caption').fadeOut(250);
}
);
});
您可以禁用触摸设备检查窗口对象上是否存在“ontouchstart”属性的特定行为(无需太多努力或危险),如下所示:

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

原谅我的无知,但我错过了什么$(document).ready(function(){$('.fade').hover(function(){if('ontouchstart'在窗口中){return false;}else{$(this).find('.caption').fadeIn(250);},function(){$(this).find('.caption').fadeOut(250);});刚刚更改了我答案中的代码..在将回调绑定到hover方法之前移动了“if”条件,现在应该没事了:)你是救命恩人。谢谢。请有人投票给他。我不允许这样做。