Jquery CSS-模拟:触摸屏设备上的悬停效果

Jquery CSS-模拟:触摸屏设备上的悬停效果,jquery,css,hover,Jquery,Css,Hover,我不能让它正常工作 $(document).ready(function() { $('.hover').bind('touchstart touchend', function(e) { e.preventDefault(); $(this).toggleClass('hover_effect'); }); 你能看看我的表吗 谢谢 您正在将“touchstart touchend”绑定到“.hover”,但是没有类为“hover”的元素。尝试像这样绑定到“p”: $(

我不能让它正常工作

$(document).ready(function() {
    $('.hover').bind('touchstart touchend', function(e) {
    e.preventDefault();
    $(this).toggleClass('hover_effect');
});
你能看看我的表吗


谢谢

您正在将“touchstart touchend”绑定到“.hover”,但是没有类为“hover”的元素。尝试像这样绑定到“p”:

$(document).ready(function() {
    $('p').bind('touchstart touchend', function(e) {
        e.preventDefault();
        $(this).toggleClass('hover_effect');
    });
});
或者一个更显式的选择器,而不仅仅是“p”

另外,您的JSFIDLE没有加载jQuery库