jquery - CSS - 模拟 :hover effect on touchscreen devices

Question

我做不到this code正常工作，

$(document).ready(function() {
    $('.hover').bind('touchstart touchend', function(e) {
    e.preventDefault();
    $(this).toggleClass('hover_effect');
});

你能看看我的JSFiddle test script吗？ ？

谢谢!

Answer 1

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

$(document).ready(function() {
    $('p').bind('touchstart touchend', function(e) {
        e.preventDefault();
        $(this).toggleClass('hover_effect');
    });
});

或者一个比“p”更明确的选择器。

此外，您的 jsfiddle 没有加载 jQuery 库。

http://jsfiddle.net/8PxXL/