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

用户名

我无法使此代码正常工作,

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

您能看看我的JSFiddle测试脚本吗?

谢谢!

爱德华

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

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

或更明确的选择器,而不只是'p'。

另外,您的jsfiddle没有加载jQuery lib。

http://jsfiddle.net/8PxXL/

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章