Question

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

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

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

顺便说一下。我在wordpress中加载了每个函数-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() {
        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' });
});

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

jQuery＆＃34; waypoints＆＃34;不起作用

2 个答案: