在移动设备上禁用方向感知悬停

Question

我正在尝试在移动设备上浏览我的网站时禁用方向感知悬停效果，并且只显示具有30％图像高度的叠加div。这是我使用http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

的效果

先谢谢

Answer 1

如果有人需要这个，我通过在加载页面时添加窗口宽度检查来修复它。但它并不适用于页面调整大小。仅当窗口宽度高于768px时，悬停效果才有效。

$(document).ready(function() {
            if($(window).width() > 768){
                $(function() {

                $(' #da-thumbs > div > div > li ').each( function() { $(this).hoverdir(); } );

        });
        }
    });