Я разрабатываю сайт WordPress, и мне нужно запустить пользовательскую прокрутку, чтобы запускать различные события и скрывать / показывать некоторые изображения, поэтому Waypoints.js идеально подходит для этого.

Однако я пробовал разные попытки заставить его работать безрезультатно. Я добавляю его как функцию в файл functions.php, например так:

function waypoints_method() {
    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() . '/vendor/waypoints/lib/jquery.waypoints.min.js');
}
add_action( 'wp_enqueue_scripts', 'waypoints_method' );

И тогда в JavaScript:

jQuery(document).ready(function($) {
     $('.waypoint').waypoint(function() {
            alert('You have scrolled to my waypoint.');
        });
}

Единственное, что я получаю - это console.log при изменении размера браузера. Итак, что мне нужно сделать, чтобы это работало? Или есть какая-нибудь альтернатива Waypoints.js, которую я мог бы использовать?

Спасибо!