Question

我做了同样的教程，但我无法让它工作。基本上，它是一个jQuery插件，可以用鼠标检测你的方向。

这是教程（Codrops）： http://tympanus.net/codrops/2012/04/09/direction-aware-hover-effect-with-css3-and-jquery/

您会看到有3个li，但只有一条警报消息。所以我想这与JS代码有关。

.da-thumbs li {
    float: left;
    margin: 5px;
    background: #fff;
    padding: 8px;
    position: relative;
    box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.da-thumbs li a,
.da-thumbs li a img {
    display: block;
    position: relative;
}
.da-thumbs li a {
    overflow: hidden;
}
.da-thumbs li a div {
    position: absolute;
    background: rgba(75,75,75,0.7);
    width: 100%;
    height: 100%;
}

$(function () {
    $(' #da-thumbs > li ').each(function () {
        alert('I should be shown 2 more times!');
        $(this).hoverdir();
    });
});

我很沮丧。我做错了什么？

Answer 1

在jsfiddle控制台窗口中修复JS错误。如果有任何问题，这将有助于您了解真正的问题。

你需要将moderenizr JS添加到你的小提琴中。

这是小提琴：jsfiddle.net/hk73k/2/

无法获得一个jQuery插件wroked - 方向感知悬停效果

1 个答案: