脚本不加载在functions.php

我正在努力强调WordPress主题，我似乎无法得到任何自定义脚本来显示结果，当我加载页面。我试图在functions.php中包含一个简单的脚本'test.js'来测试它。所有其他脚本工作得很好。任何帮助，将不胜感激：脚本不加载在functions.php

function blake_eric_scripts() { 

    /** 
    * Enqeue bootstrap javascript 
    */  
    wp_enqueue_script('bootstrap-js', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js', array('jquery'), '3.3.6', true); 

    /** 
    * Enqeue bootstrap styles 
    */  
    wp_enqueue_style('bootstrap-css', '//maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css', array(), 
'3.3.6', 'all'); 

    wp_enqueue_script('blake-eric-test', get_template_directory_uri() . '/js/test.js', array('jquery')); 

    /** 
    * Enqeue styles.css 
    */ 
    wp_enqueue_style('blake-eric-style', get_stylesheet_uri()); 

    wp_enqueue_script('blake-eric-skip-link-focus-fix', get_template_directory_uri() . '/js/skip-link-focus-fix.js', array(), '20130115', true); 

    if (is_singular() && comments_open() && get_option('thread_comments')) { 
     wp_enqueue_script('comment-reply'); 
    } 
} 
add_action('wp_enqueue_scripts', 'blake_eric_scripts');

下面是简单的jQuery脚本 “test.js”：

$(function(){ 
    $('#main').addClass('test-class'); 
});

谢谢！

来源

2016-03-25 BlakeEric

您是否检查过** **检查元素**下的控制台**选项卡？有没有错误？请发布错误，如果有的话。 –

有一个错误，'$'不是一个函数，但它是按照下面指定的方式更改代码后解决的。谢谢你，Mehul。 – BlakeEric

有以下若干组代码替换您test.js： -

jQuery(function(){ 
    jQuery('#demo').addClass('test-class'); 
});

这种类型的错误产生的原因通常与其他js文件的冲突。

来源

2016-03-25 05:44:01

感谢您的帮助，Anup – BlakeEric

默认情况下，WordPress的jQuery的运行在无冲突模式，所以你不能使用$符号和定义一个函数这样

$(function(){ $('#main').addClass('test-class'); });

相反，你可以做的是

jQuery(function($){ $('#main').addClass('test-class'); });

如果在括号内包含$符号，则可以在函数的其余部分使用它。了解更多详情here

来源

2016-03-25 05:55:08

感谢Biplav的资源 – BlakeEric

脚本不加载在functions.php

回答

相关问题