php - jQuery "waypoints"不起作用

Question

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

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

我已经尝试了几个小时了......

顺便说一句。我正在 WordPress 中加载每个 function-php 的所有脚本:

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() {
       $('body').addClass("foo");
    }, { offset: 'bottom-in-view' });
});

现在，当页脚元素的底部位于 View 内时，路径点将运行。您还可以将偏移量设置为'100%'，以便在 View 中有任何页脚元素时运行。