Waypoints.js with wordpress

Question

我正在开发一个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的替代方案吗？

谢谢！

Answer 1

Waypoints正在使用$来访问jQuery，但是使用WordPress，您需要将jQuery称为jQuery。

我发现我必须使用no framework version of Waypoints才能使用WordPress。