Wordpress中的航点

Question

我正在尝试使用带有Wordpress的Waypoint，但似乎无法让它工作。

这是我的设置：

function wpResources(){
   wp_enqueue_style('style', get_template_directory_uri() . '/css/stylesheet.css', false, '1.0', 'all');
   wp_enqueue_script('sparkscripts', get_template_directory_uri() . '/js/sparkscripts.js',array('jquery') );
   wp_register_script('jquery.waypoints', get_template_directory_uri() . '/js/jquery.waypoints.js',array('jquery'));
   wp_enqueue_script('jquery.waypoints');
}
  add_action('wp_enqueue_scripts', 'wpResources');

我试着在没有运气的情况下在网上看。

这是我想要运行的最简单的事情。

 var $j = jQuery.noConflict();

 $j(document).ready(function() {

 var $jcontent = $j('article.front');

    $jcontent.waypoint(function (event, direction){
        console.log('woo!');
        }, {offset: 900});

    });
});

编辑

想出来了！

我有一个设置reset.css的overflow-x: hidden文件，因此无法识别任何滚动。现在，我不确定为什么，但我希望这有助于其他人。

Answer 1

我不是100％肯定你是否可以在wp_register_script过滤器内使用wp_enqueue_script，不要引用我的话！试试吧。

注意：jquery和waypoints需要在myscript之前排队

的functions.php

wp_enqueue_script( 'waypoints', get_template_directory_uri() . '/js/jquery.waypoints.js', array( 'jquery' ), '1.0', true );

wp_enqueue_script( 'myscript', get_template_directory_uri() . '/js/myscript.js', array( 'jquery', 'waypoints' ), '1.0', true );

myscript.js

(function($){
    $(function(){
        $('article.front').waypoints(function(e, direction){
            console.info('waypoints initialized');
        }, {offset : 900});
    });
}(jQuery.noConflict(true)));