CSS - 模拟：在触摸屏设备上悬停效果

Question

我无法让this code正常工作，

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

你可以看一下我的JSFiddle test script吗？

谢谢！

Answer 1

你是有约束力的触摸开始＆＃39; touchstart touchend＆＃39;到了＆＃39; .hover＆＃39;但是没有任何元素有类＆＃39; hover＆＃39;。尝试绑定到＆＃39; p＆＃39;像这样：

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

或更明确的选择器，而不只是＆＃39; p＆＃39;。

另外，你的jsfiddle没有加载jQuery lib。

http://jsfiddle.net/8PxXL/