jQuery "waypoints" 无效

Question

我正在加载 "jquery.waypoints.min.js"（当我使用网络分析工具查看时似乎加载正确），但是这个简单的脚本没有任何反应：

$(document).ready(function() {
    $('#footer').waypoint(function() {
       $('body').addClass("foo");
    });
});

我现在正在尝试几个小时...

顺便说一句。我正在按函数加载我的所有脚本-php in wordpress:

function add_js_scripts() {
    wp_deregister_script('jquery');
    wp_register_script('jquery', "http" . ($_SERVER['SERVER_PORT'] == 443 ? "s" : "") . "://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js", false, null);
    wp_enqueue_script('jquery');
    wp_enqueue_script('waypoints', get_stylesheet_directory_uri() . '/waypoints/lib/jquery.waypoints.min.js');
}
add_action('wp_enqueue_scripts', 'add_js_scripts');

Answer 1

您尝试过：

$(document).ready(function() {
    $('#footer').waypoint(function() {
        handler: function(direction) {
            $('body').addClass("foo");
        },
        offset: '90%'
    });
});

查看 Getting started page。

Answer 2

Waypoints 运行当您滚动过去一个元素时。页脚永远不会发生这种情况，因为它总是在页面上。您可以添加一个偏移量来解决这个问题。

$(document).ready(function() {
    $('#footer').waypoint(function() {
       $('body').addClass("foo");
    }, { offset: 'bottom-in-view' });
});

当页脚元素的底部在视图中时，路径点现在运行。如果页脚元素的 any 在视图中，您还可以将偏移量设置为 '100%' 到运行。

jQuery "waypoints" 无效

jQuery "waypoints" doesn't work

php

wordpress

jquery

jquery-waypoints