无法使jQuery脚本工作

时间:2016-12-10 作者:briang

我在Wordpress网站上使用jquery时遇到问题。我不确定我是否正确地包括了它。我已将此添加到函数中。php:

function mytheme_custom_scripts(){

wp_enqueue_script( \'my-test-script\', get_template_directory_uri() . \'/js/my-jquery-script.js\', array(\'jquery\'), \'1.0\', true );

}

add_action(\'wp_enqueue_scripts\', \'mytheme_custom_scripts\' );
然后在我的中添加了一个新文件。带有此jquery代码的js文件夹,用于测试其是否正常工作:

$(document).ready(function(){
  $(\'h1, h2, h3, h4, h5, h6, p, a\').css(\'color\',\'pink\');
});
我还尝试了无冲突模式:

jquery(document).ready(function(){
  jquery(\'h1, h2, h3, h4, h5, h6, p, a\').css(\'color\',\'pink\');
});

jquery(document).ready(function(){
  $(\'h1, h2, h3, h4, h5, h6, p, a\').css(\'color\',\'pink\');
});
什么都没发生。

我可以使用Firebug以html格式查看我的页脚,

<script type="text/javascript" src="http://www.zachgervaise.com/wp-content/themes/brianstheme/js/my-jquery-script.js?ver=1.0"></script>
我错过什么了吗?我已经在这个问题上纠结了一段时间,因为我只是一个业余的Wordpress网站建设者,任何尽可能简单明了的建议都将非常非常感谢。谢谢

1 个回复
SO网友:GKS

这是因为您没有将jquery排队,请回复您的mytheme_custom_scripts() 具有以下代码的函数。

function mytheme_custom_scripts(){

    // include jquery
    wp_enqueue_script(\'jquery\');

    wp_enqueue_script( \'my-test-script\', get_template_directory_uri() . \'/js/my-jquery-script.js\', array(\'jquery\'), \'1.0\', true );

}
还有像这样的jQuery代码

jQuery(document).ready(function($){
  $(\'h1, h2, h3, h4, h5, h6, p, a\').css(\'color\',\'pink\');
});

相关推荐