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)));

Wordpress中的航点

1 个答案:

的functions.php

myscript.js