Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/403.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/2/jquery/79.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 我的定位标记在具有悬停效果的移动设备上不起作用_Javascript_Jquery_Html_Css - Fatal编程技术网

Javascript 我的定位标记在具有悬停效果的移动设备上不起作用

Javascript 我的定位标记在具有悬停效果的移动设备上不起作用,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我有一个包含文本和按钮的旋转器。按钮定位标记不适用于移动设备。我读过类似的帖子,他们问题的解决方案对我来说并不适用。我确保我的html是有效的,没有错误。我还插入了以下jQuery,但没有成功。按钮上有悬停效果,当点击移动设备时,会出现悬停效果。我假设悬停和单击之间存在某种冲突,但我不确定如何“覆盖”悬停 $(function () { $('a').on('click touchend', function() { var link = $(this).att

我有一个包含文本和按钮的旋转器。按钮定位标记不适用于移动设备。我读过类似的帖子,他们问题的解决方案对我来说并不适用。我确保我的html是有效的,没有错误。我还插入了以下jQuery,但没有成功。按钮上有悬停效果,当点击移动设备时,会出现悬停效果。我假设悬停和单击之间存在某种冲突,但我不确定如何“覆盖”悬停

$(function () {    
    $('a').on('click touchend', function() { 
        var link = $(this).attr('href');   
        window.open(link,'_blank'); // opens in new window as requested 

        return false; // prevent anchor click    
    });    
});
此脚本工作正常,但仍不适用于我的页面上的移动设备


PS我没有使用jQuery Mobile,如果可能的话,我希望避免使用它

谢谢你@Stuart Wickenden。我为自己没有发现这一点而道歉。谢谢你的帮助。如果你不点击会发生什么?不管怎么说,似乎并不需要它。touchend没有理由不触发链接。我认为点击在手机上不是一个单独的事件,而是一个touchstart touchend链。也许线索就在这里,无论如何,我都想弄清真相。在这里显示HTML或fiddle可能会有所帮助。从我得到的反馈来看,点击一个链接并查看脚本底部附近,应该可以做到这一点:。对,它实际上与阻止点击发生的悬停冲突。我相信第一条评论是我正在寻找的解决方案。我只需要得到客户的批准,就可以删除该元素上的悬停,使其正常工作。看看这个答案:希望它能有所帮助。