3

我在使用航点插件时遇到问题，因为许多教程，如http://webdesign.tutsplus.com/tutorials/javascript-tutorials/create-a-sticky-navigation-header-using-jquery-waypoints/建议。

这是我的代码：

<script type="text/javascript">

jQuery(function() {
var nav_container = jQuery("#menu-wrapper");
var nav = jQuery("#menu");
nav_container.waypoint(function(event, direction) {

    jQuery("#fixed").toggleClass('stickyfixed');
    jQuery('#zweitenavigation').toggleClass('invisible');
    alert(direction);
    var new_height  = (direction === "down") ? '92px' : '195px';
    jQuery("#header").animate({'height': new_height}, 300);
},{offset:50}
);
});
</script>

问题是

direction === "down"

不评估为真或假，它只是未定义。因此动画只被触发一次。

有谁知道问题出在哪里？顺便说一句，toggleClass 工作正常。

感谢您的帮助和最好的问候斯蒂芬

4

1 回答 1

8

Waypoints 2.0 版去掉了这个event参数。现在只有direction. 您引用的教程在链接到这个新版本的 Waypoint 时犯了一个很大的错误，而没有更新他们的教程以匹配新的处理程序签名。

于 2013-01-30T00:21:03.550 回答