Php jQuery";航路点“;不';行不通

Php jQuery";航路点“;不';行不通,php,jquery,wordpress,jquery-waypoints,Php,Jquery,Wordpress,Jquery Waypoints,我正在加载“jquery.waypoints.min.js”(当我使用网络分析工具查看时,似乎加载正确),但是这个简单的脚本没有发生任何变化: $(document).ready(function() { $('#footer').waypoint(function() { $('body').addClass("foo"); }); }); 我现在努力了好几个小时 顺便说一句,我正在wordpress中加载每个php函数的所有脚本: function add_j

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

$(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');
您是否尝试过:

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

查看滚动经过元素时运行的。

航路点。页脚永远不会发生这种情况,因为它将始终位于页面上。可以添加偏移来解决此问题

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

当页脚元素的底部在视图中时,航路点现在将运行。您还可以将offset设置为
“100%”
,以便在任何页脚元素都在视图中时运行。

javascript控制台中是否有任何错误?您可以添加
console.log(“运行脚本”)到脚本的开头,如果脚本实际正在运行,则控制台中应显示“正在运行的脚本”。意外重复“否”,这没有帮助。在#footer之后还添加了一些换行符-仍然没有发生任何事情。@HenningFischer你确定吗?似乎正在使用该代码。当我滚动到页面底部时,
foo
css类被添加到body中。你想让其他事情发生吗?哇哦,现在它工作了,我想我必须清除缓存,太多了!另外,如果要在对象顶部撞到视口时触发函数,我认为必须使用“inview.js”。@HenningFischer关于
offset:'100%'
呢?当页脚顶部碰到窗口底部时,应该会触发此错误。您应该真正查看入门页面,所有内容都有很好的文档记录和解释。似乎有一个拼写错误,
90%
应该在引号中。没错,我很匆忙,忘记了引号。谢谢:)