我如何将简单的jQuery添加到Wordpress

时间:2014-08-07 19:16:46

标签: jquery wordpress

我无法在我的wordpress网站上加载我的jQuery脚本..我已经在主题文件中添加了一个js目录。我错过了什么或做错了什么?

function add_my_script() {
wp_enqueue_script(
    'myscript', // name your script so that you can attach other scripts and de-register, etc.
    get_template_directory_uri() . '/js/myscript.js', // this is the location of your script file
    array('jquery') // this array lists the scripts upon which your script depends
);
}
add_action('wp_enqueue_scripts', 'add_my_script');`

2 个答案:

答案 0 :(得分:0)

如果您将另一个脚本包含为依赖项并且该脚本本身未加载,则您的脚本也不会加载。不记得jquery是否是自动的。请尝试以下方法:

<?php
function add_my_script() {
   wp_enqueue_script( 'jquery');
   wp_enqueue_script(
      'myscript', // name your script so that you can attach other scripts and de-register, etc.
      get_template_directory_uri() . '/js/myscript.js', // this is the location of your script file
      array('jquery') // this array lists the scripts upon which your script depends
   );
}
add_action('wp_enqueue_scripts', 'add_my_script');`

依赖项会影响脚本的加载顺序,它不会自动加载相关脚本

答案 1 :(得分:0)

如果您的主题是儿童主题,您将需要使用get_stylesheet_directory_uri()(template_directory_uri指的是父主题的目录)

如果您100%确定浏览器正在加载JS,请确保在noconflicts模式下使用jQuery

示例:jQuery(文档)而不是$(文档)