Question

我在使用jQuery Waypoint插件时遇到了一些麻烦，感谢任何信息/帮助。

好的，所以要定义我想要做的事情：我有图像，它们在进入视图区域之前是隐藏的。我希望他们在视图区域做一次动画效果。这是最终的结果，目前，我还在测试，因为我一般都是jQuery的新手，但越来越好了。

所以我开始在单个div上进行摇动，并且一旦看到它就会很好用。我使用了以下代码：

HTML：

<div class="shown">Shake it</div>

的jQuery

jQuery(document).ready(function($){
$(".shown").waypoint(function(direction) {
    $(this).effect("shake");
}, { offset: '95%', triggerOnce: true  });
});

然后我在我的HTML中创建了两个class ='shown'的实例（一个在顶部，一个在底部），当我滚动到它们时，它们都很好用。另外，他们都在不同的时间工作，这正是我想要获得的。

麻烦

当我试图'显示：无'然后动画显示滚动时，它会同时动画，而不是一次动画。

这就是我正在使用的

HTML

<div class="shown" style="display: none;">

的jQuery

jQuery(document).ready(function($){
$(".shown").waypoint(function(direction) {
    $(this).fadeIn( 10000, function() {
        // Animation complete
    });
}, { offset: '95%', triggerOnce: true  });
});

好的，所以只是为了澄清一次：D（为了安全）

我希望能够为MULTIPLE实例使用相同的类，只有在视图中有一个THAT元素时才会显示。现在，只要有1个实例，它就会显示所有元素。

同样，任何信息/帮助表示赞赏。你们这里有一个很棒的社区，我很高兴我能加入！

jQuery Waypoint插件麻烦

0 个答案: