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"

true または false に評価されず、単に未定義です。したがって、アニメーションは 1 回だけ実行されます。

問題がどこにあるのか、誰にも分かりますか? toggleClass は問題なく動作します。

助けてくれてありがとう、よろしくステファン

4

1 に答える 1

8

Waypointsバージョン2.0はeventパラメータを取り除きました。現在はのみdirectionです。参照しているチュートリアルは、新しいハンドラー署名に一致するようにチュートリアルを更新せずに、この新しいバージョンのWaypointsにリンクする際にかなり大きなエラーを起こしました。

于 2013-01-30T00:21:03.550 に答える