Can't get a jQuery plugin wroked - Direction Aware Hover Effect

Question

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

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

还有我的代码： http://jsfiddle.net/hk73k/1/

您会看到有 3 里，但只有一条警报消息。所以我猜这与 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/