Wordpress没有加载自定义的javascript文件

时间:2018-03-31 14:05:50

标签: javascript php jquery wordpress

我有这段代码:

add_action( 'wp_enqueue_scripts', '_enqueue_home_scripts', 20 );
function _enqueue_home_scripts() {
    wp_enqueue_script( 'infite_scroll', get_bloginfo( 'stylesheet_directory' ) . '/js/vendor/jquery-3.1.1.min.js', array( 'jquery' ), '3.1.1', true );
    wp_enqueue_script( 'bower_port', get_bloginfo( 'stylesheet_directory' ) . '/js/bower.iostope.masonry.js', array( 'jquery' ), '1.0.0', true );
    wp_enqueue_script( 'infite_scroll', get_bloginfo( 'stylesheet_directory' ) . '/js/jquery.infinitescroll.js', array( 'jquery' ), '1.0.0', true );
    wp_enqueue_style( 'custom_css', get_bloginfo( 'stylesheet_directory' ) .'/css/custom.css');
    wp_enqueue_style( 'custom_js', get_bloginfo( 'stylesheet_directory' ) .'/js/custom/javascript.js');
    wp_register_script('mobile-numbers', get_bloginfo( 'stylesheet_directory' ) .'/js/custom/mobile-numbers.js');
    wp_enqueue_script('mobile-numbers', get_bloginfo( 'stylesheet_directory' ) .'/js/custom/mobile-numbers.js');
}

我遇到的问题是mobile-numbers脚本:

jQuery(document).ready(function($) {
    console.log("script loaded");
    jQuery( ".nav-toggle-collapsed" ).on( "click", function() {
       console.log("clicked");
    });
});

没关系click代码,我只是想让它打印"script-loaded"消息并且它不是,所以看起来脚本根本没有被加载。我第一次测试它加载的脚本(不是当前的形式),然后它就不会改变。我从旧脚本中删除了缩小的代码,但这没有用。

更新

我在控制台中唯一的相关错误是 - 我认为它来自缩小的脚本,其中包含我的脚本:

  

header-35f05689-0.min.js:9目前正在加载jQuery 3.1.1版   这对于OptimizePress来说太低了。请检查您是否正在使用   WordPress 3.5或更高版本或联系客户支持。

更新

我下载了最新的jquery并将该文件放在与旧文件相同的目录中并更改了该行:

wp_enqueue_script( 'infite_scroll', get_bloginfo( 'stylesheet_directory' ) . '/js/vendor/jquery-3.1.1.min.js', array( 'jquery' ), '3.1.1', true );

为:

wp_enqueue_script( 'infite_scroll', get_bloginfo( 'stylesheet_directory' ) . '/js/vendor/jquery-3.3.1.min.js', array( 'jquery' ), '3.3.1', true );

0 个答案:

没有答案